DEVELOPMENT TOOLS
HTML5 RESOURCES
HTML Entity Reference
by CSS-Tricks
Super useful reference, gives you HTML entitiy name, numeric code, hex code and ISO code.
CSS RESOURCES
CSS3
Reference by MDN
As with HTML5, you don't need to know every CSS3 property. Use this reference instead.
Can I Use?
Up-to-date browser support tables for front-end technologies on desktop and mobile browsers.
Animate.css
Just-add-water CSS animations. A simple CSS library that lates you add animations with ease.
Responsive Grid System
It's a quick, easy & flexible way to create a responsive web site. It's not framework!
Cubic-bezier function generator
A tool for visually generating timing animation functions to use in CSS transitions and animations.
CSS easing functions
An amazing collection of easing functions bo be used in CSS transitions and animations.
JAVASCRIPT RESOURCES
HTML5
JavaScript Reference by MDN
The entire language is described here in detail. This is pretty advanced stuff.
JavaScript
Operator Precedence Table
Very handy cheatsheet to determine which JavaScript operators are evaluated first.
JavaScript Event
Reference
Handy reference list of all DOM events with explanations, nicely categorized.
DOM Manipulation Reference
Get keyboard codes, unicodes and keycodes. Vital reference for keypress event handling.
JavaScript KeyCodes Reference
Get keyboard codes, unicodes and keycodes. Vital reference for keypress event handling.
JavaScript Design Patterns
For more advanced developers: learn all common JavaScript design patterns. Perfect reference.
ES6 Browser Compatibility
Table
Check out all the new ES2015/ES6 features supported by the most popular browsers.
FONTS AND TYPOGRAPHY TOOLS
MyFonts
World's largest library of premium fonts, if you need more than free fonts for your next project.
GREAT COLORS AND TOOLS
Material Palette
Another great set of colors, inspired in material design. Generate and download your palette.
Colorhunt Palettes
Don't know what colors to use for your website? Colorhunt helps you with beautiful color palettes.
UI Gradients
Collection of beautiful color gradients for you to choose from and export to your project.
IMAGES AND VIDEOS
iStock
Premium
Millions of royalty-free images, illustrations, videos, and music clips at ridiculously great prices.
Random User Generator
Generate random user data, including photos. Like Lorem Ipsum, but for people.
Coverr
Best resource for beautiful and free videos for your website. 7 new videos added every monday.
Startup Stock Photos
Lots of great pictures of startup offices, people, devices and more. I love it.
Canva
Register
Easily create beautiful designs with drag-and-drop features and professional layouts.
BEST ICONS AND TOOLS
Flaticon
The largest database of free icons available in PNG, SVG, EPS and PSD. It's even searchable.
IcoMoon
Apple, Google, Microsoft, Samsung, Yahoo are some of the companies that have trusted our services.!
Swift Icons
Premium
Swifticons is a remarkable icon library. 2,680 premium icons, 24 categories, 6 styles.
FIND DESIGN INSPIRATION
Uplabs
Uplabs is the leading community of creatives, offering the best digital inspiration and downloads, every day.
Dribbble
The ultimate design inspiration resource, not just for web design. The show and tell for designers
POPULAR BLOGS & COMMUNITIES
Stack Overflow
The biggest programmer community. Ask and find answers to HTML, CSS and JS questions.
Smashing Magazine
A very popular web design and development blog, writing about all things coding and designing.
Codrops
Blog, writing articles and tutorials about latest web trends, techniques and new possibilities.
Front End Front
A place where front-end developers can ask questions, share links, and show their work.
Designer News
New
A community of people in design and tech, to discuss and share interesting things in the industry.
WIREFRAMING
PLANNING, TESTING, OPTIMIZATION AND DEPLOYMENT
Periodic
Table of Web Design Process
Great overview of the web design process: from project brief to launching the final version.
Real favicon Generator
Just upload an image and this tool creates favicons for your website for all platforms.
Google Mobile-Friendly Test
Test if your webpage has a mobile-friendly design, according to Google's ranking factors.
Nibbler
Website testing tool for 10 key areas including accessibility, SEO, social media and technology.
Woorank
Get a review of your website to address issues and identify opportunities to get ahead of competition.
Google
Analytics
Get free insights about traffic, visitors and conversions. A must for every website.
Website Speed Optimization
Guide
An excellent guide to optimize your webpage speed. This is something many devs overlook!
Sizzy
New
A tool for developing responsive websites crazy-fast. See your page on multiple devices at once.
Troy
New
Another tool for developing responsive website. Select your page and check responsive in multiple devices.