Tips for using a clean browser environment for front end development and testing

JavaScript equivalent statements for jQuery for modern browsers

Pattern library for A List Apart

Pattern guide for Code for America

Pattern library for MailChimp

A technique for avoiding common issues with icon fonts

A nice and simple workflow for managing a project with git

Nice guide for web typography

grunticon is a Grunt.js task that makes it easy to manage icons and background images for all devices, preferring HD (retina) SVG icons but also provides fallback support for standard definition browsers, and old browsers alike. From a CSS perspective, it’s easy to use, as it generates a class referencing each icon, and doesn’t use CSS sprites.

Some reasons for choosing SVG over icon fonts