Table of Contents generated with DocToc

• Developer Roadmaps
• Learning Resource
• Learn by Game
• Web Developer News
• Assets/Arts/Illustrations Resource
• Useful Online Tools
• Another Awesome List

Awesome Web Developer

Developer Roadmaps

Step by step guide to becoming a modern:

• Frontend Developer
• Backend Developer

Learning Resource

• booklets.io - Bite sized learning for creatives. Learn concepts from some of the world’s best designers.
• internetingishard.com - Friendly web development tutorials for complete beginners

Learn by Game

• CSS Diner - Learn CSS Selector
• CSS Grid Garden - Learn CSS Grid
• Flexbox Froggy - Learn CSS Flexbox
• Flexbox Zombie - Learn CSS Flexbox
• Flexbox Defense - Learn CSS Flexbox by Playing Tower & Defense Game
• Service Workies - Learn Service Worker for Progressive Web Apps (PWA)
• CSS Battle - Try to use less/smallest code to replicate an Illustration
• CodeCombatLearn typed code through a programming game. Learn Python, JavaScript, and HTML as you solve puzzles and learn to make your own coding games and websites.

Web Developer News

• frontendfoc.us - A once–weekly roundup of the best front-end news, articles and tutorials. HTML, CSS, WebGL, Canvas, browser tech, and more.

Assets/Arts/Illustrations Resource

Free for Personal & Commercial Use.
Most of this use MIT-like license.

• lukaszadam.com - Free SVG Illustrations
• humaaans.com - Mix-&-match illustrations library
• undraw.co - Open source illustrations for any idea
• vecteezy.com - Download Free Vectors, Clipart Graphics, Vector Art & Design Templates
• opendoodles.com - Free sketchy illustrations
• illlustrations.co - Open source illustrations kit
• iconscout.com - Free Paper illustrations library
• retrovectors.com - Free Retro Vector
• drawkit.io - Beautiful free illustrations
• interfacer.xyz - 300+ free design resources
• fresh-folk.com - An illustration library of people and objects
• isometric.online - Download free isometric illustrations
• karthiksrinivas.in - Free Illustrations
• iradesign.io - Build your own amazing illustrations
• absurd.design - Free Surrealist Illustrations and Vector Art
• stubborn.fun - Free Illustrations Generator
• mixkit.co - Free stock illustrations, Beautiful Free Art
• delesign.com - Royalty-free designs
• unsplash.com - Beautiful Free Images & Pictures
• vectorportal.com - Download free vectors, clip art graphics, icons and images
• icons8.com - Download the free illustrations from top Dribbble artists to class up your product.
• paaatterns - Free Handcrafted patterns
• openpeeps.com - A hand-drawn illustration library.

Useful Online Tools

• caniuse.com - Can I use... Support tables for HTML5, CSS3, etc (Something like browser compatibility tables)
• vecta.io - Compress SVG files
• remove.bg - Automatically remove image background
• purifycss.online - Remove unused CSS code from your stylesheets

Another Awesome List