9 Indispensable Front-End Resources

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.

Snipplr site

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.

Font Squirrel site

3. CSS3Gen

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

CSS3Gen site

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.

JsFiddle site

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.

Foundation site

9. Bootstrap

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

Bootstrap site