Free tools and applications for 50 web designers and developers

In the past development process, we saved a lot of resources and tools to improve Web and mobile development. These tools can effectively improve your development process and resources, and ensureCodeOr it can effectively improve your cooperation with your colleagues. Among the many tools, I chose 50 favorite tools to share with you.
I used this articleArticleSeveral sub-classes are divided to make it easier for you to browse and read.

• Web development tools
• Web typographical tools
• Browser Tools
• Website analysis tools
• Tools for Improving Efficiency

Web development tools Proccssor-advanced CSS beautification Tool
Procssor Is a useful web tool that can help you quickly beautify and format CSS files.
Address: http://procssor.com
Scriptsrc.net
Are you tired of searching for tags corresponding to the latest class library scripts? Scriptsrc can help you copy the latest class library (jquery,
Mootools, Yui...), as follows:
<SCRIPT type = "text/JavaScript"
Src = "http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"> </SCRIPT>
Address: http://scriptsrc.net/
Htmlform.com
After using htmlform.com, the only thing you have to do is design your HTML form. You will get a zip file that is easily installed on the server. A form that is easy to embed into a webpage. A simple but powerful database is used to meet your needs. It also has tools to query online data and can be exported to excel and CSV.
The translator reminds: servers that only support PHP should pass through other technologies.
Address: http://htmlform.com/
Spritebox
Spritebox is a WYSIWYG tool used to quickly create CSS class and ID from a Sprite image.
Address: http://www.spritebox.net/
HTML Purifier
Htmlpurifier is a standard HTML compatible tool developed by PHP. It not only deletes all malicious code, but also ensures code security. Colleagues can monitor the compatibility of your code.
Address: http://htmlpurifier.org/
Tiny fluid Grid

Tiny fluid grid is a very simple CSS
Gridbuilder, with only 1 kbps, a package of index.html file and democode, and grid.css includes the CSS for creating the grid.
Address: http://www.tinyfluidgrid.com
Tableizer!
Tableizer! Is a quick tool for creating html tables from electronic data tables.
Address: http://tableizer.journalistopia.com/
Try Ruby! (In
Your browser)
If you have never used Ruby, try tryruby! You can quickly and easily try Ruby tutorials and test your learning results online!
Address: http://tryruby.org/
Plupload
Plupload allows you to use HTML5 gears, Silverlight, flash,
Browserplus or general forms are used to upload files. Special features are provided, such as displaying the upload progress, changing the image size, and uploading in batches.
Address: http://www.plupload.com/
Favigen: favicon
Generator
Address: http://favigen.com/
Super conversion button
Creating a timely response button is an important part of web development. You can use this tool to quickly generate a beautiful button.
Address: http://www.performable.com/buttons/
Subfolio
Subfolio is an innovative online sharing tool that can be made public or private. It is very convenient for freelancers, studios, agencies, enterprises, and even classrooms.
Address: http://subfolio.com/
Jsfiddle
Jsfiddle is an online sharing tool for Web developers. It provides an online editor service. You can use it to share issues and solutions for front-end development with your friends and colleagues. It provides online editing and display functions for CSS, JavaScript, and HTML. Code can be shared online, so that developers can easily share or solve problems on blogs and forums.
Address: http://www.jsfiddle.net/
A/B split Testing
Calculator
Address: http://www.performable.com/calculator/
Frame Box-
Lightweight online tool for creating mockups
Frame Box does not have many extended functions. You can drag, change the size, copy, and paste it.
UI design. What I like most about it is that it can be used for Fast design. Program Prototype.
Address: http://framebox.org/
App
Inventor for Android
Use anddroid app
Inventor, you do not need professional developers, do not need to develop code, you only need to design the interface, use block to specify the behavior of the program
Address: http://appinventor.googlelabs.com/about/
HTML-ipsum
The greatness of HTML ipsum is that it gives you standard HTML program snippets to help you test your CSS
Address: http://html-ipsum.com/
Css3 button maker
Address: http://css-tricks.com/css3-button-maker/
Css3 click
Chart by impressive Webs
Each CSS 3 click chart displays a css3 feature and a clickable title. The feature details are displayed at the lower end.
Address: http://www.impressivewebs.com/css3-click-chart/
Css3
Generator
The css3 generator can help you generate css3 attributes, such as @ fontface, border-radius,
Multi-column...
Address: http://css3generator.com/
In the past development process, we saved a lot of resources and tools to improve Web and mobile development. These tools can effectively improve your development process and resources, and ensure that the Code is clear or can effectively improve your cooperation with your colleagues. Among the many tools, I have chosen 50 favorite tools to share with you.
I have divided this article into several sub-categories to make it easier for you to browse and read:

• Web development tools
• Web typographical tools
• Browser Tools
• Website analysis tools
• Tools for Improving Efficiency

Web development tools Proccssor-advanced CSS beautification Tool
Procssor Is a useful web tool that can help you quickly beautify and format CSS files.
Address: http://procssor.com
Scriptsrc.net
Are you tired of searching for tags corresponding to the latest class library scripts? Scriptsrc can help you copy the latest class library (jquery,
Mootools, Yui...), as follows:
<SCRIPT type = "text/JavaScript"
Src = "http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"> </SCRIPT>
Address: http://scriptsrc.net/
Htmlform.com
After using htmlform.com, the only thing you have to do is design your HTML form. You will get a zip file that is easily installed on the server. A form that is easy to embed into a webpage. A simple but powerful database is used to meet your needs. It also has tools to query online data and can be exported to excel and CSV.
The translator reminds: servers that only support PHP should pass through other technologies.
Address: http://htmlform.com/
Spritebox
Spritebox is a WYSIWYG tool used to quickly create CSS class and ID from a Sprite image.
Address: http://www.spritebox.net/
HTML Purifier
Htmlpurifier is a standard HTML compatible tool developed by PHP. It not only deletes all malicious code, but also ensures code security. Colleagues can monitor the compatibility of your code.
Address: http://htmlpurifier.org/
Tiny fluid Grid

Tiny fluid grid is a very simple CSS
Gridbuilder, with only 1 kbps, a package of index.html file and democode, and grid.css includes the CSS for creating the grid.
Address: http://www.tinyfluidgrid.com
Tableizer!
Tableizer! Is a quick tool for creating html tables from electronic data tables.
Address: http://tableizer.journalistopia.com/
Try Ruby! (In
Your browser)
If you have never used Ruby, try tryruby! You can quickly and easily try Ruby tutorials and test your learning results online!
Address: http://tryruby.org/
Plupload
Plupload allows you to use HTML5 gears, Silverlight, flash,
Browserplus or general forms are used to upload files. Special features are provided, such as displaying the upload progress, changing the image size, and uploading in batches.
Address: http://www.plupload.com/
Favigen: favicon
Generator
Address: http://favigen.com/
Super conversion button
Creating a timely response button is an important part of web development. You can use this tool to quickly generate a beautiful button.
Address: http://www.performable.com/buttons/
Subfolio
Subfolio is an innovative online sharing tool that can be made public or private. It is very convenient for freelancers, studios, agencies, enterprises, and even classrooms.
Address: http://subfolio.com/
Jsfiddle
Jsfiddle is an online sharing tool for Web developers. It provides an online editor service. You can use it to share issues and solutions for front-end development with your friends and colleagues. It provides online editing and display functions for CSS, JavaScript, and HTML. Code can be shared online, so that developers can easily share or solve problems on blogs and forums.
Address: http://www.jsfiddle.net/
A/B split Testing
Calculator
Address: http://www.performable.com/calculator/
Frame Box-
Lightweight online tool for creating mockups
Frame Box does not have many extended functions. You can drag, change the size, copy, and paste it.
UI design. What I like most about it is that it can be used to quickly design a program prototype.
Address: http://framebox.org/
App
Inventor for Android
Use anddroid app
Inventor, you do not need professional developers, do not need to develop code, you only need to design the interface, use block to specify the behavior of the program
Address: http://appinventor.googlelabs.com/about/
HTML-ipsum
The greatness of HTML ipsum is that it gives you standard HTML program snippets to help you test your CSS
Address: http://html-ipsum.com/
Css3 button maker
Address: http://css-tricks.com/css3-button-maker/
Css3 click
Chart by impressive Webs
Each CSS 3 click chart displays a css3 feature and a clickable title. The feature details are displayed at the lower end.
Address: http://www.impressivewebs.com/css3-click-chart/
Css3
Generator
The css3 generator can help you generate css3 attributes, such as @ fontface, border-radius,
Multi-column...
Address: http://css3generator.com/

Original article address: strongly recommended-
Free tools and applications for 50 web designers and developers
[Url = http://css3generator.com/##/url]