The first wave of the new dry collection in the June design circle

The new round of dry goods arrived! After the children's Day and Zongzi festival, it's time to start working? As always, this dry goods or a hodgepodge, there are Web applications have a program framework, icon collection and Uikit will not be absent. There are completely free open source, but also annotated for commercial or non-commercial use, before use, please carefully read the scope of application, part of the free trial of the tool also please pay attention to its trial period oh.

In short, whether you are a designer or a developer, 30 dry goods inside, there are always suitable for you!

1. Dyncss

DYNCSS is used to analyze the-dyn-(attribute) rules of your CSS. Browser events such as JavaScript-controlled scrolling and scaling are within the scope of the analysis. The results of the analysis can be applied to the CSS properties you have developed, and you can use the CSS () method in jquery to give any dynamic properties to the property. And all of this, you just need to set the-dyn-prefix for JS expression can be implemented.

2. Handy.js

Handy.js is a node.js based Web application template. With this template you can focus more on creating unique applications, rather than on the basics of the functionality to consume time. Handy has many good features, such as simpler content management, role-based access control mechanisms, effective cache control, built-in search engine optimization, and more.

3. Onsen UI

This is a set of front-end UI development frameworks created for Phonegap/cordove Hybird, designed to improve the usability of cross-platform applications. With Monaca, the Onsen UI makes your app easier to implement. The entire UI is developed using Angular.js and topcoat, so you can fully develop your creativity in this robust development framework.

4. Kreate.js

Kreate is a small, jquery-assisted method for quickly generating DOM elements as jquery objects. You can use Kreate to create a single element (such as a div), or create a bunch of elements that are enough to crash your browser, which is fine. Fast and convenient is the characteristic of it.

5. WTF Forms

WTF forms uses a bit of CSS tips to provide a more user-friendly HTML form control. Compatible with more than IE9 IE browser and chrome, Firefox, Safari and other current mainstream browsers.

6. Dimensions Toolkit

Dimensions Toolkit is a tool used to accurately measure and control dimensions. You can easily control the size of the control you want to create by adjusting the handle or manually entering it. The tool itself defaults to 320px, 480px, 768px, and 1024px as the default dimension breakpoint.

7. Payment Webfont Icons

This is a set of Web fonts for payment, using SVG format. This set of payment icon system contains the current international popular mainstream payment system icon, students with similar needs should be very much needed. (such as Tianjin Commercial Bank such a way to do not think about it ...)

8. Project Parfait

Project Parfait is an experimental project that serves designers and developers, which translates PS Layer-based design into a code based design. On this basis, you can be more convenient to work, through the browser to directly extract color, gradient color and font information, copy text information and CSS style, get tags and elements, accurate control of images, and so on.

9. Sike

Sike is a node control command-line tool used to control time intervals. Whether it's setting up a wake-up alarm or being a reminder of the event is a good tool. For a long time in the back of the busy developers behind the screen, the friendly command line interface will be more handy?

Raindrop

This tool, called raindrops, can make bookmarks more vivid and powerful. Just one click, Web pages, articles, videos and pictures are all in the bowl. Raindrop can not only save the bookmark itself, it will be included in the content, and organized according to the type, but also very easy to share the information. In addition, Raindrop provides an API for Web page calls, and maybe that's exactly what you want.

Flat & free Mobile UI Kit

This is a beautiful and free flat cell phone uikit with a free PSD file built into it.

Pulpo

Pulpo is a lightweight, portable visual command-line tool for doctrine, Doctrine2, and propel, you can use Pulpo to import ORM schema definition files and automatically generate a visual relational model.

Gitbook

Gitbook is a command-line tool based on the Node.js library that lets you create beautiful programming books using Github/git and markdown. The books it creates can contain links (currently only JavaScript is supported, but Python and Ruby versions are about to be launched).

Goya:pixel Art Editor

Goya is a pixel editor based on the Clojurescript + Om. Goya supports the production of all your images into GIF animation, can be used to make tutorials.

Captain Icon

More than 350 vector icons are built into the Captain icon, which involves a wide range of content, from computers to food, from transportation to sports. Several formats are built for you to use, including Eps,psd,png and SVG, and even a set of Web fonts.