DEVELOPMENT TOOLS
HTML5 RESOURCES

Super useful reference, gives you HTML entitiy name, numeric code, hex code and ISO code.
CSS RESOURCES

As with HTML5, you don't need to know every CSS3 property. Use this reference instead.

Up-to-date browser support tables for front-end technologies on desktop and mobile browsers.

Just-add-water CSS animations. A simple CSS library that lates you add animations with ease.

It's a quick, easy & flexible way to create a responsive web site. It's not framework!

A tool for visually generating timing animation functions to use in CSS transitions and animations.

An amazing collection of easing functions bo be used in CSS transitions and animations.
JAVASCRIPT RESOURCES

The entire language is described here in detail. This is pretty advanced stuff.

Very handy cheatsheet to determine which JavaScript operators are evaluated first.

Handy reference list of all DOM events with explanations, nicely categorized.

Get keyboard codes, unicodes and keycodes. Vital reference for keypress event handling.

Get keyboard codes, unicodes and keycodes. Vital reference for keypress event handling.

For more advanced developers: learn all common JavaScript design patterns. Perfect reference.

Check out all the new ES2015/ES6 features supported by the most popular browsers.
FONTS AND TYPOGRAPHY TOOLS

World's largest library of premium fonts, if you need more than free fonts for your next project.
GREAT COLORS AND TOOLS

Another great set of colors, inspired in material design. Generate and download your palette.

Don't know what colors to use for your website? Colorhunt helps you with beautiful color palettes.

Collection of beautiful color gradients for you to choose from and export to your project.
IMAGES AND VIDEOS

Millions of royalty-free images, illustrations, videos, and music clips at ridiculously great prices.

Generate random user data, including photos. Like Lorem Ipsum, but for people.

Best resource for beautiful and free videos for your website. 7 new videos added every monday.

Lots of great pictures of startup offices, people, devices and more. I love it.

Easily create beautiful designs with drag-and-drop features and professional layouts.
BEST ICONS AND TOOLS

The largest database of free icons available in PNG, SVG, EPS and PSD. It's even searchable.

Apple, Google, Microsoft, Samsung, Yahoo are some of the companies that have trusted our services.!

Swifticons is a remarkable icon library. 2,680 premium icons, 24 categories, 6 styles.
FIND DESIGN INSPIRATION

Uplabs is the leading community of creatives, offering the best digital inspiration and downloads, every day.

The ultimate design inspiration resource, not just for web design. The show and tell for designers
POPULAR BLOGS & COMMUNITIES

The biggest programmer community. Ask and find answers to HTML, CSS and JS questions.

A very popular web design and development blog, writing about all things coding and designing.

Blog, writing articles and tutorials about latest web trends, techniques and new possibilities.

A place where front-end developers can ask questions, share links, and show their work.

A community of people in design and tech, to discuss and share interesting things in the industry.
WIREFRAMING
PLANNING, TESTING, OPTIMIZATION AND DEPLOYMENT

Great overview of the web design process: from project brief to launching the final version.

Just upload an image and this tool creates favicons for your website for all platforms.

Test if your webpage has a mobile-friendly design, according to Google's ranking factors.

Website testing tool for 10 key areas including accessibility, SEO, social media and technology.

Get a review of your website to address issues and identify opportunities to get ahead of competition.

Get free insights about traffic, visitors and conversions. A must for every website.

An excellent guide to optimize your webpage speed. This is something many devs overlook!

A tool for developing responsive websites crazy-fast. See your page on multiple devices at once.

Another tool for developing responsive website. Select your page and check responsive in multiple devices.