Best learning resources for web designers and developers
Level-up your skills with these to educational resources for making websites.
Refactoring UI
Learn how to design awesome UIs by yourself using specific tactics explained from a developer's point-of-view.
Refactoring UI: The Book
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...
Website Launch Checklist
Launch your next web project with complete confidence!
SkillWise Online Design Courses
Get awesome deals on online design courses from SkillWise.
SkillWise Online Development Courses
Get awesome deals on web & app development courses online.
Screen Size Map
An interactive map of screen sizes for responsive and adaptive design.
Codepip
Learn to code by playing games.
Open Source Guide
Open source software is made by people just like you. Learn how to launch and grow your project.
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...
RandomAPI
Easily generate fake data for populating your mockups and testing your applications.
Flexbox Froggy
Welcome to Flexbox Froggy, a game where you help Froggy and friends by writing CSS code!
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.
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.
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...
MDN Web Docs
Mozilla Developer Network. Resources for developers, by developers.
Checklist Design
A collection of the best UX and UI practices.
Modern JavaScript
How it's done now. From the basics to advanced topics with simple, but detailed explanations.
CodeFactor
Automated code review for Git.
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....
Daily UI
Daily UI is a series of daily design challenges design inspiration and neat surprise rewards.
Archetype
Archetype lets designers like you very quickly and easily create consistent typography styling and spacing live, in the browser. These styles are all...
Typogui.de
A pocket guide to master every day’s typographic adventures.
The A11Y Project
A community-driven effort to make web accessibility easier.
Low Vision
Test your website with simulated vision impairments.
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...
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...
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...
HEAD
A free guide to HTML5
elements.What The Flexbox?!
A simple, free 20 video course that will help you master CSS Flexbox! Created by Wes Bos.
CodeNewbie Podcast
Stories from people on their coding journey.
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.
Scotch.io
Top shelf learning. Dev tutorials explaining the code and the choices behind it all.
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...
Piccalilli
A pickle jar full of curated CSS links to slick websites, animations, illustrations, and algorithms, brought to you by Andy Bell.
How DNS works
How DNS Works by DNSimple is a cute, engaging comic exploring the inner workings of the global domain name system.