Ten practical tools that make Web Front-end developers easier and ten practical tools
This article introduces ten practical tools that make the life of Web Front-end developers easier. Every Web developer has their own toolbox, so that every problem encountered in the work has a good solution for choice.
Developers need specific auxiliary tools for each task. Therefore, this article is very useful if the following tools are new fields for you, because these practical tools will make your work more efficient.
Spritepad
With SpritePad, you can create your CSS genie in minutes or even seconds. Drag and Drop your image to generate a PNG sprite image and CSS code immediately. You do not need to operate in Photoshop or write any CSS styles.
Html5test
This HTML5 test score shows the metrics of your normal browser's support for HTML5 standards and related specifications.
Spur
Spur is an interesting and simple way to judge web design, something you have never done before. You can use seven different tools to help you by posting only one website (or uploading images.
JPEG Mini
This helps you reduce the size of JPEG photos by 5 times, while maintaining the original quality and JPEG format.
Site Validator
(Web Front-end learning and communication group: 328058344 chat prohibited, not welcome !)
Verification of your website is completed by W3C official verification, which includes verifying the HTML5 tag on your website.
Codepen
CodePen is an online HTML, CSS, and JavaScript code editor that can write code and instantly preview the effect. Works that can be used for online display, and various Amazing effects that others can achieve on the webpage.
Brackets
Brackets is an open-source code editor designed specifically for front-end developers and designers. Its core goal is to reduce the inefficient repetitive work in the development process, such as refreshing browsers, modify the style and search function of an element.
Codekit
CodeKit helps you build websites faster and better. The one-minute trailer video on the right of the website will be a good start.
Patternizer
Patternizer is an online tool that helps you use the online interface to generate a CSS3-based stripe effect.
CSS3 Click Chart
116-600x297.png
CSS3 click chart is a convenient CSS3 attribute reference tool to demonstrate sample code of CSS3 features and detailed information about browser support.