As website development advances with new best practice techniques, the need for helpful tools and resources to assist with your production cycle has arisen.
These resources not only help you build better and more compatible websites, but also save you time with testing and troubleshooting.
Here’s a list of my go-to tools and resources, in no particular order.
Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.
Instant access to all desktop and mobile browsers. Say goodbye to your setup of virtual machines and devices.
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.
Sublime Text is a sophisticated text editor for code, markup and prose. You’ll love the slick user interface, extraordinary features and amazing performance.
Host, manage, and share Git and Mercurial repositories in the cloud. Free, unlimited private repositories for up to 5 developers give teams the flexibility to grow and code without restrictions.
HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.
Google Fonts makes it quick and easy for everyone to use web fonts, including professional designers and developers.
Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.
download a free psd every day
CodePen is a playground for the front end side of the web. It’s all about inspiration, education, and sharing.
The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
The most advanced responsive front-end framework in the world.