Front end development is essential to branding your website; however, the actual process of developing can be quite repetitive and time-intensive. I've pulled together nine front end web development tools and websites that I find to be a great help to simplify and speed up development. I hope you find it useful - let me know if there are any that you use that you think should be added to the list!
Instead of keeping all your snippets of code in folders scattered around your computer, Snipplr allows you to keep your snippets in one place, accessible from any computer. You can also search through others’ snippets, giving you a vast variety of useful source code. You can also search through the site for specific code snippets.
2. Font Squirrel Webfont Generator
Font Squirrel is a web font generator that allows a user to upload a true type or open type font and generates sample HTML and CSS file, as well as the rest of the files needed to view a custom font in all browsers.
CSS3Gen allows you to easily generate useful snippets of CSS3 and copy them straight into your projects.
CSS2LESS is an quick and easy way to convert your old CSS files to fresh, new LESS files
When you paste your HTML into Primer, it pulls out all your classes and IDs to create a basic starter CSS stylesheet for your page
7. HTML5 Test
HTML5 Test provides a score on how well your browser supports HTML5 standards and related specifications. This page is very useful when you have to code a for a specific browser and what to know how well supports HTML5
Foundation is a mobile-first, free framework. The Foundation is a collection of tools that contains and optional extensions for creating responsive websites.
Like Foundation, Bootstrap is a responsive framework used to create mobile-friendly website.