The
HTML and CSS
path
The path
internetingishard.netlify.app
Interneting Is Hard
freecodecamp.org
Responsive Web Design Certification
learn-the-web.algonquindesign.ca
Information architecture
learn-the-web.algonquindesign.ca
Search engine optimization
github.com/diegocard
awesome-html5
github.com/awesome-css-group
awesome-css
Other trails
Fundamentals
stackdiary.com
A Practical Guide to CSS Media Queries
joshwcomeau.com
An Interactive Guide to Flexbox in CSS
css-challenges.com
CSS Challenges
flukeout.github.io
CSS Diner
cssgrid.io
CSS Grid
css-speedrun.netlify.app
CSS Speedrun
freecodecamp.org
Everything You Need to Know About CSS Variables
flexboxdefense.com
Flexbox Defense
flexboxfroggy.com
Flexbox Froggy
cssgridgarden.com
Grid Garden
guess-css.app
Guess CSS! HTML & CSS puzzler game
css-animations.io
Hello, animation!
css-tricks.com
How To Section Your HTML
youtube.com/@freecodecamp
HTML & Coding Introduction
youtube.com/@SuperSimpleDev
HTML & CSS Full Course
khanacademy.org
Intro to HTML/CSS: Making webpages
cronj.com
Introduction to HTML
knightsoftheflexboxtable.com
Knights of the Flexbox table
web.dev
Learn CSS
learncssgrid.com
Learn CSS Grid
v2.scrimba.com
Learn CSS Variables
learn-html.org
Learn HTML
web.dev
Learn HTML
youtube.com/@freecodecamp
Learn HTML5 and CSS3 From Scratch
learn.shayhowe.com
Learn to Code Advanced HTML & CSS
learn.shayhowe.com
Learn to Code HTML & CSS
developer.mozilla.org
Learn to style HTML using CSS
youtube.com/@cssanimationrocks
Level Up Your CSS Animation Skills
hiddedevries.nl
More to give than just the div: semantics and how to get them right
developer.mozilla.org
Structuring the web with HTML
polypane.app
The complete guide to CSS media queries
webdesign.tutsplus.com
The Complete Guide to Using CSS Variables
freecodecamp.org
The CSS Handbook: A Handy Guide to CSS for Developers
ishadeed.com
The Guide To Responsive Design In 2023 and Beyond
flexbox.io
What The Flexbox?!
Beyond basics
matuzo.at
100 Days Of More Or Less Modern CSS
garden.bradwoods.io
3D in CSS
css-tricks.com
A Complete Guide To CSS Cascade Layers
smashingmagazine.com
A Complete Guide To HTML Email
blog.logrocket.com
A complete guide to using CSS filters with SVGs
css-tricks.com
A Nerd's Guide To Color On The Web
smashingmagazine.com
A Primer On CSS Container Queries
cssanimation.rocks
CSS Animation
madebymike.com.au
CSS Architecture for Modern JavaScript Applications
garden.bradwoods.io
CSS Blend Modes
ishadeed.com
CSS Style Queries
egghead.io
CSS Tips and Tricks
smashingmagazine.com
Deploying CSS Logical Properties On Web Apps
frontendmasters.com
Frontend Masters Online Bootcamp
web.dev
Learn Forms
web.dev
Learn Images
moderncss.dev
Modern CSS Solutions
meiert.com
Optional HTML: Everything You Need to Know
responsibleweb.app
Responsible Web Applications
rtlstyling.com
Right-to-left Styling
youtube.com/@laithacademy
Sass (CSS Preprocessor) Crash Course - CSS with Superpowers
joshwcomeau.com
Understanding Layout Algorithms
freecodecamp.org
Web Animation Performance Fundamentals
How do they do it
undead.institute
60 Days of Animation
css-tip.com
CSS Tip
github.com/AllThingsSmitty
css-protips
uiverse.io
Explore 3000+ Free UI Elements: CSS & Tailwind
smashingmagazine.com
How To Build A Magazine Layout With CSS Grid Areas
html.systems
HTML - Simplified code
web.dev
Layout patterns
cloudfour.com
Responsive Images the Simple Way
smolcss.dev
SmolCSS
stylestage.dev
Style Stage
iamkate.com
Tree views in CSS
ui-buttons.web.app
UI Buttons
github.com/you-dont-need
You-Dont-Need-JavaScript
Nice to know
github.com/learning-zone
css-basics
cssbattle.dev
CSSBattle
evilmartians.com
How to Favicon
github.com/learning-zone
html-basics
htmhell.dev
Markup from hell
masteringmarkdown.com
Mastering Markdown
eev.ee
Old CSS, new CSS
tallys.github.io
Practical Color Theory for People Who Code
youtube.com/c/GoogleSearchCentral
SEO Mythbusting
smashingmagazine.com
Those HTML Attributes You Never Use
almanac.httparchive.org
Web Almanac
Work smarter, not harder
animatedbackgrounds.me
Animated Backgrounds
cccreate.co
cccreate
bennettfeely.com
Clippy — CSS clip-path maker
cssgradient.io
CSS Gradient
joshwcomeau.com
CSS Gradient Generator
polypane.app
CSS Selector Specificity Calculator
grid.layoutit.com
Layoutit Grid
mailtolink.me
Mailtolink.me
metatags.io
Meta Tags
modern-fluid-typography.vercel.app
Modern fluid typography editor
responsivebreakpoints.com
Responsive Image Breakpoints Generator
typescale.com
Typescale
utopia.fyi
Utopia
Great bookmarks
grid.malven.co
A simple visual cheatsheet for CSS Grid Layout
flexbox.malven.co
A simple visual cheatsheet for flexbox
github.com/micromata
awesome-css-learning
caniemail.com
Can I email
caniuse.com
Can I use
caninclude.glitch.me
Caninclude
learn-the-web.algonquindesign.ca
Cheat sheets & checklists
codeguide.co
Code Guide
css-tricks.com
CSS Almanac
cssguidelin.es
CSS Guidelines
cssreference.io
CSS Reference
cssvalues.com
CSS Values
gridbyexample.com
Grid by Example
htmlreference.io
HTML Reference
html.spec.whatwg.org
HTML Standard
madebymike.github.io
Periodic Table of HTML elements
rtl.wtf
RTL:WTF
devhints.io
Screen resolutions cheatsheet
9elements.com
SEO Cheat Sheet by 9elements
Stay in the loop
ishadeed.com
Ahmad Shadeed
codepen.io
CodePen
tympanus.net
Codrops
weekly.cssanimation.rocks
CSS Animation Weekly
cssdesignawards.com
CSS Design Awards
css-weekly.com
CSS Weekly
css-irl.info
CSS { In Real Life }
css-tricks.com
CSS-Tricks
joshwcomeau.com
Josh W Comeau
smashingmagazine.com
Smashing Magazine
stateofcss.com
State of CSS
Short hikes
BEM
css-tricks.com
BEM 101
sparkbox.com
BEM by Example
