Top 53 websites to learn to code

Learn CSS Grid with Wes Bos in 25 "pretty good" videos. From fundamentals to real world in about 4 hours.

A free online lecture course by Scott Jehl. Learn to analyze site performance, fix issues, monitor for regressions, and deliver fast, responsive designs from...

Collection of common CSS mistakes, and how to fix them.

Write a ton of code with a single line of Emmet. This is a free course that helps us to be faster developers.

Get started with JavaScript with this free course containing almost 5 hours of video from Better Dev.

RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp).

A podcast on Python and related technologies. Learn python from start to finish.

Handy cheat sheets for a huge array of web technologies.

Friendly web development tutorials for complete beginners.

Handy guide to every HTML element there is. Replace your divs with more semantic markup.

Enter a JavaScript operator to learn more about it.

A simple visual cheat sheet for Flexbox.

With GitHub Learning Lab, grow your skills by completing fun, realistic projects. Get advice and helpful feedback from our friendly Learning Lab bot.

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...

A valuable (and fun!) interactive challenge to help learn CSS selectors.

Learn to code — for free. Build projects. Earn certifications.

Handy cheat sheet for writing CSS with Sass.

Modern CSS solutions for old CSS problems by Stephanie Eckles.

Popular layouts and patterns made with CSS.

Web development learning roadmap with resource links.

Free Jamstack courses from Netlify.

Development blog focusing on React, animation, CSS and JavaScript. Great learning resource with interactive articles.

Beginner-friendly community blogging platform.

A collection of real websites to recreate for practice with hints and tips.

Learn to code by playing games.

Open source software is made by people just like you. Learn how to launch and grow your project.

Easily generate fake data for populating your mockups and testing your applications.

Welcome to Flexbox Froggy, a game where you help Froggy and friends by writing CSS code!

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.

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.

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...

Mozilla Developer Network. Resources for developers, by developers.

How it's done now. From the basics to advanced topics with simple, but detailed explanations.

Automated code review for Git.

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....

A community-driven effort to make web accessibility easier.

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...

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...

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...