9 Indispensable Front-End Resources

Jan 28, 2014
Dario Mora
Dario Mora

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!

1. Snipplr


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.

3. CSS3Gen


CSS3Gen allows you to easily generate useful snippets of CSS3 and copy them straight into your projects.

4. css2less


CSS2LESS is an quick and easy way to convert your old CSS files to fresh, new LESS files

5. jsfiddle


JsFiddle is a test environment that allows you to quickly test small HTML, CSS and JavaScript code. Perfect for testing small adjustments and seeing the results in real-time.

6. Primer


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

8. Foundation


Foundation is a mobile-first, free framework. The Foundation is a collection of tools that contains and optional extensions for creating responsive websites.

9. Bootstrap


Like Foundation, Bootstrap is a responsive framework used to create mobile-friendly website.

Latest insights