DEVELOPMENT TOOLS
HTML5 RESOURCES
![resources-Images](img/resources/html/htmlref.png)
Super useful reference, gives you HTML entitiy name, numeric code, hex code and ISO code.
CSS RESOURCES
![resources-Images](img/resources/html/mnd.png)
As with HTML5, you don't need to know every CSS3 property. Use this reference instead.
![resources-Images](img/resources/css/statistics.png)
Up-to-date browser support tables for front-end technologies on desktop and mobile browsers.
![resources-Images](img/resources/css/animation.png)
Just-add-water CSS animations. A simple CSS library that lates you add animations with ease.
![resources-Images](img/resources/css/grid.png)
It's a quick, easy & flexible way to create a responsive web site. It's not framework!
![resources-Images](img/resources/css/cubic.png)
A tool for visually generating timing animation functions to use in CSS transitions and animations.
![resources-Images](img/resources/css/easy.png)
An amazing collection of easing functions bo be used in CSS transitions and animations.
JAVASCRIPT RESOURCES
![resources-Images](img/resources/html/mnd.png)
The entire language is described here in detail. This is pretty advanced stuff.
![resources-Images](img/resources/html/mnd.png)
Very handy cheatsheet to determine which JavaScript operators are evaluated first.
![resources-Images](img/resources/html/mnd.png)
Handy reference list of all DOM events with explanations, nicely categorized.
![resources-Images](img/resources/js/dom.png)
Get keyboard codes, unicodes and keycodes. Vital reference for keypress event handling.
![resources-Images](img/resources/js/unicode.png)
Get keyboard codes, unicodes and keycodes. Vital reference for keypress event handling.
![resources-Images](img/resources/js/patterns.png)
For more advanced developers: learn all common JavaScript design patterns. Perfect reference.
![resources-Images](img/resources/js/ec6.png)
Check out all the new ES2015/ES6 features supported by the most popular browsers.
FONTS AND TYPOGRAPHY TOOLS
![resources-Images](img/resources/fonts/myfonts.png)
World's largest library of premium fonts, if you need more than free fonts for your next project.
GREAT COLORS AND TOOLS
![resources-Images](img/resources/color/colors2.png)
Another great set of colors, inspired in material design. Generate and download your palette.
![resources-Images](img/resources/color/colorhunt.png)
Don't know what colors to use for your website? Colorhunt helps you with beautiful color palettes.
![resources-Images](img/resources/color/gradients.png)
Collection of beautiful color gradients for you to choose from and export to your project.
IMAGES AND VIDEOS
![resources-Images](img/resources/imgvid/istock.png)
Millions of royalty-free images, illustrations, videos, and music clips at ridiculously great prices.
![resources-Images](img/resources/imgvid/random.png)
Generate random user data, including photos. Like Lorem Ipsum, but for people.
![resources-Images](img/resources/imgvid/coverr.png)
Best resource for beautiful and free videos for your website. 7 new videos added every monday.
![resources-Images](img/resources/imgvid/startup.png)
Lots of great pictures of startup offices, people, devices and more. I love it.
![resources-Images](img/resources/imgvid/canva.png)
Easily create beautiful designs with drag-and-drop features and professional layouts.
BEST ICONS AND TOOLS
![resources-Images](img/resources/icons/flaticon.png)
The largest database of free icons available in PNG, SVG, EPS and PSD. It's even searchable.
![resources-Images](img/resources/icons/icomoon.png)
Apple, Google, Microsoft, Samsung, Yahoo are some of the companies that have trusted our services.!
![resources-Images](img/resources/icons/swift.png)
Swifticons is a remarkable icon library. 2,680 premium icons, 24 categories, 6 styles.
FIND DESIGN INSPIRATION
![resources-Images](img/resources/inspiration/up.png)
Uplabs is the leading community of creatives, offering the best digital inspiration and downloads, every day.
![resources-Images](img/resources/inspiration/dribbble.png)
The ultimate design inspiration resource, not just for web design. The show and tell for designers
POPULAR BLOGS & COMMUNITIES
![resources-Images](img/resources/communities/stack.png)
The biggest programmer community. Ask and find answers to HTML, CSS and JS questions.
![resources-Images](img/resources/communities/smashing.png)
A very popular web design and development blog, writing about all things coding and designing.
![resources-Images](img/resources/communities/codrops.png)
Blog, writing articles and tutorials about latest web trends, techniques and new possibilities.
![resources-Images](img/resources/communities/frontend.png)
A place where front-end developers can ask questions, share links, and show their work.
![resources-Images](img/resources/communities/designer-news.png)
A community of people in design and tech, to discuss and share interesting things in the industry.
WIREFRAMING
PLANNING, TESTING, OPTIMIZATION AND DEPLOYMENT
![resources-Images](img/resources/ptod/periodic.png)
Great overview of the web design process: from project brief to launching the final version.
![resources-Images](img/resources/ptod/realicon.png)
Just upload an image and this tool creates favicons for your website for all platforms.
![resources-Images](img/resources/ptod/google.png)
Test if your webpage has a mobile-friendly design, according to Google's ranking factors.
![resources-Images](img/resources/ptod/nibbler.png)
Website testing tool for 10 key areas including accessibility, SEO, social media and technology.
![resources-Images](img/resources/ptod/worank.png)
Get a review of your website to address issues and identify opportunities to get ahead of competition.
![resources-Images](img/resources/ptod/analytics.png)
Get free insights about traffic, visitors and conversions. A must for every website.
![resources-Images](img/resources/ptod/speed-optimization.png)
An excellent guide to optimize your webpage speed. This is something many devs overlook!
![resources-Images](img/resources/ptod/sizzy.png)
A tool for developing responsive websites crazy-fast. See your page on multiple devices at once.
![resources-Images](img/resources/ptod/troy.png)
Another tool for developing responsive website. Select your page and check responsive in multiple devices.