Learning
Cheat
cheat allows you to create and view interactive cheatsheets on the command-line. It was designed to help remind *nix system administrators of options for...
DEV Community
Beginner-friendly community blogging platform.
Flavio Copes
Software engineer content creator covering huge array of disciplines with lots of free content.
Free Books for Designers
Free eBooks to help you develop creative and design skills.
MDN Web Docs
Mozilla Developer Network. Resources for developers, by developers.
PHP: The Right Way
PHP: The Right Way is an easy-to-read, quick reference for PHP popular coding standards, links to authoritative tutorials around the web and what the...
SkillWise Online Development Courses
Get awesome deals on web & app development courses online.
CUBE CSS
CUBE CSS is a CSS methodology that’s orientated towards simplicity, pragmatism and consistency. It’s designed to work with the medium that you’re working...
Learn Git Branching
"Learn Git Branching" is the most visual and interactive way to learn Git on the web; you'll be challenged with exciting levels, given step-by-step...
C3 CSS
A methodology to help you write human-friendly CSS. C3 (Component, Child, Context) is a methodology for writing CSS, centred around a selector naming...
HTTP Status Codes
httpstatuses.com is an easy to reference database of HTTP Status Codes with their definitions and helpful code references all in one place.
Shift Nudge UI Checklist
101 UI Checklist items available as a free Notion template.
The Typing of the RegEX
Do you dare to discover the horrors that await! Test your RegEX skills with this challenging game.
Land-book
Landing page inspiration gallery.
Checklist Design
A collection of the best design practices compiled in to handy checklists.
CSS-Tricks
These days CSS-Tricks is really about building websites and all that entails, mostly from a front-end perspective. We have staff writers (see below) and loads...
Mindful Design
Mindful Design presents a responsible deep dive into the areas of cognitive psychology and neuroscience that can most improve design. If you want to start...
1 LOC
JavaScript Utilities in single line of code, no more!
The Cursed Computer Iceberg
This is not a hall of shame. The intent is to awaken you to many of the peculiarities and weirdness of computers. Hopefully, after reading these articles, you...
HTML Elements Reference
Handy guide to every HTML element there is. Replace your divs with more semantic markup.
CSS Diner
A valuable (and fun!) interactive challenge to help learn CSS selectors.
Web Browser Engineering
Web browsers are ubiquitous, but how do they work? This book explains, building a basic but complete web browser, from networking to JavaScript, in a thousand...
Screen Size Map
An interactive map of screen sizes for responsive and adaptive design.
RandomAPI
Easily generate fake data for populating your mockups and testing your applications.
Build your own React
Rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the optimizations and non-essential features.
Figma 101
Learn the basics of Figma in one hour for FREE with twelve fast-paced videos.
Educational Sensational Inspirational Foundational
A historical record of foundational web development blog posts.
freeCodeCamp
Learn to code — for free. Build projects. Earn certifications.
Web Skills
Web development learning roadmap with resource links.
SkillWise Online Design Courses
Get awesome deals on online design courses from SkillWise.
The Design of Forms in Government Departments
A digitally remastered book first published in 1962 on the design of forms in the UK Government.
Grid Garden
Welcome to Grid Garden, where you write CSS code to grow your carrot garden! Water only the areas that have carrots by using the grid-column-start property.
Knights of the Flexbox Table
Welcome to the Knights of the Flexbox table. A game where you can help Sir Frederic Flexbox and his friends to uncover the treasures hidden in the Tailwind CSS...
Interneting is Hard
Friendly web development tutorials for complete beginners.
HEAD
A free guide to HTML5 elements.
Design Systems Checklist
An open-source checklist to help you plan, build and grow your design system.
SQLBolt
Learn SQL with simple, interactive exercises.
Oh My Git!
An open source game about learning Git! Oh My Git! is an open source game that introduces players to the popular version control system "Git". It is highly...
Codepip
Learn to code by playing games.
RegExr
RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp).
Flexbox Zombies
Dead tired of looking up Flexbox? Flexbox is incredibly powerful. But it's also crazy hard to learn well. So we all end up depending on a cheat sheet and some...
Fiverr Learn
On-demand online courses to learn skills for freelancing.
Typogui.de
A pocket guide to master every day’s typographic adventures.
CodeFactor
Automated code review for Git.
HTML Dog
HTML tutorials "and stuff". Everything HTML, CSS, and JavaScript, the most common languages used in making web pages.
Learn CSS Grid
Learn CSS Grid with Wes Bos in 25 "pretty good" videos. From fundamentals to real world in about 4 hours.
Complete Guide to Media Queries
Media queries are what make modern responsive design possible. With them you can set different styling based on things like a users screen size, device...
Flexbox Defense
Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!
Open Source Guide
Open source software is made by people just like you. Learn how to launch and grow your project.
Guess CSS!
Do you think you know CSS? Here’s a game to test your knowledge!
Rico’s Cheatsheets
Handy cheat sheets for a huge array of web technologies.
Inside Modern Browsers
In this 4-part blog series, we'll look inside the Chrome browser from high-level architecture to the specifics of the rendering pipeline. If you ever wondered...
Low Vision
Test your website with simulated vision impairments.
Website Launch Checklist
Launch your next web project with complete confidence!
Daily UI
Daily UI is a series of daily design challenges design inspiration and neat surprise rewards.
Josh W Comeau
Development blog focusing on React, animation, CSS and JavaScript. Great learning resource with interactive articles.
Learn Eleventy From Scratch
In this Eleventy (opens new window)course, we go from a completely empty directory to a full-blown marketing site for a design agency, and along the way, we...
Every Layout
Relearn CSS layout. Every Layout will teach you how to better harness the built-in algorithms that power browsers and CSS.
The A11Y Project
A community-driven effort to make web accessibility easier.
Ethical Design Handbook
A practical handbook on ethical design for digital products. With practical techniques to make honest interfaces work for digital products.
Laracasts
We're kinda like Netflix, but for developers! Push your programming skills to the next level, through expert screencasts on PHP, Laravel, Vue, and so much more.
Operator Lookup
Enter a JavaScript operator to learn more about it.
Archetype
Archetype lets designers like you very quickly and easily create consistent typography styling and spacing live, in the browser. These styles are all...
PHP for Beginners
We all start somewhere. For programming, this series is that first step. I've designed it specifically for newcomers to, not just PHP, but programming in...
Can’t Unsee
Can't Unsee is a test of your attention to detail in UI design. Choose the "correct" version with an eye for pixel perfection. How high can you score?
Jamstack Explorers
Free Jamstack courses from Netlify.
Can I Include?
Check if a chosen HTML tag can be nested inside another HTML tag according to the spec.
Modern CSS Solutions
Modern CSS solutions for old CSS problems by Stephanie Eckles.
Accessibility Guidelines
Making work accessible creates a better experience across the board. Use this checklist to help build accessibility into your process no matter your role or...
Regex Crossword
A fun spin practicing regex. Build your skills by playing Regex Crossword.
Dark Patterns
Discover a variety of dark pattern examples, sorted by category, to better understand deceptive design practices.
What PWA Can Do Today
A showcase of what is possible with Progressive Web Apps today.
Cloudflare TV
A 24x7 live stream video channel focused on general and technical topics related to building a better Internet.
Flavio Copes Handbooks
Free handbooks for for learning to code with HTML, CSS, JavaScript, SQL, Go, Svelte, PHP, React, Command Line, Next.js, Express, Node.js, Swift, Python and C!
Webbed Briefs
Brief videos about the web, its technologies, and how to make the most of them.
Explain Shell
Write down a command-line command to see the help text that matches each argument.
Flexbox Froggy
Welcome to Flexbox Froggy, a game where you help Froggy and friends by writing CSS code!
Lightning-Fast Web Performance
A free online lecture course by Scott Jehl. Learn to analyze site performance, fix issues, monitor for regressions, and deliver fast, responsive designs from...
Glitch
Glitch is a friendly community for for developers of all skill levels to create, share and experiment and with tools and code using an intuitive cloud IDE.
30 Seconds of Interviews
A curated collection of common interview questions to help you prepare for your next interview.
JavaScript 30
Build 30 things in 30 days using vanilla JavaScript with this free course from Wes Bos. Designed for beginner to Intermediate developers and designers who want...
Design Vault
Design Vault is a curated library of screenshots & interaction patterns from the world's best digital products. Gain insights, explore trends and understand...
How DNS works
How DNS Works by DNSimple is a cute, engaging comic exploring the inner workings of the global domain name system.
Talk Python Podcast
A podcast on Python and related technologies. Learn python from start to finish.
Front-line PHP
Building modern applications with PHP 8 eBook by Spatie.
Modern JavaScript
How it's done now. From the basics to advanced topics with simple, but detailed explanations.
CodeNewbie Podcast
Stories from people on their coding journey.
Frontend Practice
A collection of real websites to recreate for practice with hints and tips.
Sass Cheatsheet
Handy cheat sheet for writing CSS with Sass.
Flexbox Cheatsheet
A simple visual cheat sheet for Flexbox.
CSS Grid Generator
You can set the numbers, and units of your columns and rows, and I'll generate a CSS grid for you! Drag within the boxes to create divs placed within the grid.
CodinGame
Improve your programming skills while having fun and building up profiles for recruitment.
What The Flexbox?!
A simple, free 20 video course that will help you master CSS Flexbox! Created by Wes Bos.
Refactoring UI
Learn how to design awesome UIs by yourself using specific tactics explained from a developer's point-of-view.
Divjoy React Generator
React codebase generator. Build SaaS projects 10x faster with Divjoy handling all the integration details. From routing to React hooks, you'll have everything...
Every Layout
If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves. Through a series of...
CSS Hell
Collection of common CSS mistakes, and how to fix them.
CodePen Challenges
Challenges are fun opportunities for leveling up your skills by building things. Each week, you’ll get a new prompt surrounding a monthly theme to riff on....
But wait, there's more! 
Check out the sidebar menu (or tap the in the bottom right on mobiles) to search and browse by tag.