My all-time favorite web design and development resources, tools and tricks.

Resources

AllClasses + TutorialsResourcesToolsDesign

Awwwards

Design

Great for design inspiration, and to see the best of what's being done on the web.

Codeacademy

Class + Tutorial

Learn to code interactively, for free.

Color Collective

Design

Great color palette inspiration. Color palettes are pulled from the work of various designers, artists and photographers.

Color Hexa

Tools

Color encyclopedia : Information and conversion.

Font Awesome

Resources

Nearly 500 scalable, vector icons that can be customized via CSS. I use Font Awesome icons on every project.

General Assembly

Class + Tutorial

If you're in NYC take advantage of the technology, business and design classes that GA has to offer.

Girl Develop It

Class + Tutorial

When I was getting started, I took a variety of classes at GDI. Great classes, incredibly affordable and they're in cities across the country.

jsFiddle

Tools

Provides a custom environment to test (or fiddle with) your JavaScript, HTML, and CSS code right inside your browser.

Placehold.it

Tools

A quick and simple image placeholder service.

Skillshare

Class + Tutorial

An online learning community where the world's best experts teach real-world skills.

TinyPNG

Tools

Make your website faster and save bandwidth. TinyPNG optimizes your PNG images by 50-80% while preserving full transparency.

Typewolf

Design

What's trending in type.

Unsplash

Resources

Beautiful, FREE stock photos that don't suck — amazing. This has been a fantastic resource for me.