9 Indispensable Front-End Resources

Jan 28, 2014
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

http://snipplr.com/

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

http://www.fontsquirrel.com/tools/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

http://css3gen.com/

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


4. css2less

http://css2less.cc/

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


5. jsfiddle

http://jsfiddle.net/

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

http://primercss.com/

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

http://html5test.com/

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

http://foundation.zurb.com/

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

http://getbootstrap.com/

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