Level-up your skills with these to educational resources for making websites.
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...
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...
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...
A fun spin practicing regex. Build your skills by playing Regex Crossword.
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!
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...
Learn CSS Grid with Wes Bos in 25 "pretty good" videos. From fundamentals to real world in about 4 hours.
Write down a command-line command to see the help text that matches each argument.
A 24x7 live stream video channel focused on general and technical topics related to building a better Internet.
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.
101 UI Checklist items available as a free Notion template.
"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...
Design Vault is a curated library of screenshots & interaction patterns from the world's best digital products. Gain insights, explore trends and understand...
Write a ton of code with a single line of Emmet. This is a free course that helps us to be faster developers.
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?
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.
An open-source checklist to help you plan, build and grow your design system.
A simple visual cheat sheet for Flexbox.
Brief videos about the web, its technologies, and how to make the most of them.
A curated collection of common interview questions to help you prepare for your next interview.
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.
Building modern applications with PHP 8 eBook by Spatie.
Relearn CSS layout. Every Layout will teach you how to better harness the built-in algorithms that power browsers and CSS.
Popular layouts and patterns made with CSS.
A collection of the best design practices compiled in to handy checklists.
On-demand online courses to learn skills for freelancing.
Web development learning roadmap with resource links.
Free Jamstack courses from Netlify.
Beginner-friendly community blogging platform.
Landing page inspiration gallery.
A collection of real websites to recreate for practice with hints and tips.
A digitally remastered book first published in 1962 on the design of forms in the UK Government.
Software engineer content creator covering huge array of disciplines with lots of free content.
Learn how to design awesome UIs by yourself using specific tactics explained from a developer's point-of-view.
Make your ideas look awesome, without relying on a designer. Learn how to design beautiful user interfaces by yourself using specific tactics explained from a...
Launch your next web project with complete confidence!
Get awesome deals on online design courses from SkillWise.
Get awesome deals on web & app development courses online.
An interactive map of screen sizes for responsive and adaptive design.
Learn to code by playing games.
Open source software is made by people just like you. Learn how to launch and grow your project.
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...
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....
Daily UI is a series of daily design challenges design inspiration and neat surprise rewards.
Archetype lets designers like you very quickly and easily create consistent typography styling and spacing live, in the browser. These styles are all...
A pocket guide to master every day’s typographic adventures.
A community-driven effort to make web accessibility easier.
Test your website with simulated vision impairments.
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...
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...
A free guide to HTML5
A simple, free 20 video course that will help you master CSS Flexbox! Created by Wes Bos.
Stories from people on their coding journey.
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.
Top shelf learning. Dev tutorials explaining the code and the choices behind it all.
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...
A pickle jar full of curated CSS links to slick websites, animations, illustrations, and algorithms, brought to you by Andy Bell.
How DNS Works by DNSimple is a cute, engaging comic exploring the inner workings of the global domain name system.
React codebase generator. Divjoy handles all the integration details. From routing to React hooks, you'll have everything you need to build something great.
Check out the sidebar menu (or tap the in the bottom right on mobiles) to search and browse by tag.