18 Selected design and development tools

Compared to the monthly design circle dry Goods in the aimless "touch", try Codegeekz recommended collection of selected tools. These selected tools also do not rigidly adhere to the audience, whether you are a designer or a developer, you can also find a lot of good tools can be used, but also more easily found in the limited quality of the right to use the dry goods.

This is Codegeekz's design for dry goods! There is also the latest design and development resources, here are the most selected tools for designers, developers and freelance designers, which JS code, open source Tools, CSS resources, design materials are basically used by everyone.

There are not only free tools in the list, but also paid tools. Good things naturally have their value, don't they? They can simplify your workflow and improve efficiency, and these tools are quite practical whether you're a designer or a developer, a novice or an old driver.

1. smartmockups

Smartmockups's name is known as a visual manuscript design-related tools, it is to meet the needs of developers, designers and marketers a new online visual manuscript design tool. Yes, that's right, even marketing and planners can easily use this tool to create visual drafts to show leaders new plans/new products! All of the designed visual manuscripts can be used personally and commercially.

2. Reedsy

Reedsy is a beautiful text format management, conversion and production tools, even if you have not finished the content, you can use it. The entire tool interface is beautiful enough to make it difficult for you to be distracted in your writing, to use the toolbar enough, and to make sure the style is neat and manageable. In typesetting, Reedsy can also ensure that a variety of formats are uniform enough, whether it is ingramspark under the pod format, or Amazon AZW format, Apple ibooks or Kobo format, can easily deal with, unified beautiful.

3. MJML

MJML a markup language designed to minimize the cost of code, which can help you make responsive emails. Its semantic syntax is fairly straightforward and has a rich library of components for you to choose from, minimizing your development time.

4. Phoenix Framework

The Phoenix framework is a fairly efficient network framework with considerable speed and maintainability. Bring real simplicity and fun into the development of modern Web applications by merging real technical and functional ideas. " You can combine the real-time streaming media technology called channels to create native mobile applications that have a rich cross-browser interactive experience.

5. JS Tips

JS Tips is a collection of JS development techniques, which covers the skills of JS syntax, how to improve code efficiency and performance, and the use of frameworks such as Angularjs. The contents of this collection will increase daily.

6. Color Safe

Color Safe is a color builder, it is special in that it generates a color matching is the WCAG standard scheme to ensure the accessibility of color, users browse without obstacles.

7. Vagrant Manager

Vagrant Manager is a GUI application that is used primarily to control vagrant. Similar to Mamp, you can see if vagrant is running and the current state of operation. This app currently has a Mac and Windows version for you to use.

8. Mo.js

Mo.js is a complete JS dynamic library, now it has a series of preset parameters to ensure that you can quickly use. It is worth noting that mo.js is modular and you can easily remove unnecessary functionality to ensure that the volume is reasonable and flowing smoothly.

9. Branches

Branches is an IOS app that allows you to manage your GitHub, Gitlab, and BitBucket projects on the ipad and iphone. With it, you can create or close specific questions, view replies, and perfectly parse the markdown language.

Meatier

As a modern web site development platform, Meteor is undoubtedly strong and sense! But three years of history makes it a little bit outdated, but Meatier's existence compensates for its flaws. Meatier does not have the former overall structure, but retains the same function, more flexible and simple.

Letterror.

Letterror provides you with an extensible, pluggable vector shape that is based on Snap.svg and JQuery.

Spine.js

Spine.js is a framework for building JS MVC applications, simple, lightweight, no complex configuration, and no large number of useless controls.

Bliss.js

Bliss.js is based on the vanilla.js to simplify the development of the grammar, it was designed to be linked with the Polyfill.io, and maximize the maximum degree of browser support.

Fansoro

Fansoro is an open source, fast, lightweight and file-based content management system that is easy to install, easy to upgrade, and easier to use. Fansoro provides developers with basic APIs, Plug-ins, and topics. The Fansoro contains content that only needs to be written with markdown syntax and placed in a folder on a particular page!

Morphy Toolbar

Morphy-toolbar is a deformable toolbar that can easily be stretched and shrunk for easy integration.

Cocycles

Cocycles is a search engine for open source projects that currently supports JS and is about to support PHP, Java, Ruby, and more programming languages.

Gatsby

Combined with React.js,gatsby makes plain text a dynamic blog and Web site simpler, it supports markdown, HTML, and React.js, and it's easy to add support for other file types.

Reem

Reem is a use of JS written static web site Builder, it has a command line interface and programming interface, can be used for individuals, can also help automate site generation.