What The Flexbox?!
by Wes Bos · Wes Bos (flexbox.io)
Free 20-video course by Wes Bos on CSS Flexbox, covering axes, direction, wrapping, flex-grow, flex-shrink, flex-basis and alignment, followed by projects such as navigation bars, pricing grids and app layouts, so learners can build responsive layouts confidently.
More resources on Web Design
The Design of Everyday Things
Don Norman's revised and expanded classic on user-centred design, explaining affordances, signifiers, mapping, feedback, conceptual models and human error, so readers can diagnose why products confuse people and design interfaces that communicate how they work.
css-tricks.com
CSS-Tricks is a comprehensive frontend development resource offering tutorials, articles, and code snippets focused on HTML, CSS, and modern web design. It features in-depth guides, a CSS Almanac, and practical examples for building responsive layouts and interactive UI.
Don't Make Me Think
Short, illustrated guide to web usability built on the idea that pages should be self-evident. Covers navigation conventions, scannable copy, and cheap do-it-yourself usability testing, giving readers a practical checklist for spotting friction in an interface.
awwwards.com
Awwwards is a premier platform that showcases and awards the best in web design. It features winning sites, design inspiration, case studies, and articles on UX, UI trends, and development.
smashingmagazine.com
Smashing Magazine is a design-focused publication offering practical articles, tutorials, and ebooks for web designers and developers. It covers layout, composition, typography, UX, and responsive design, with code samples and design patterns.
MDN Web Docs
Mozilla's structured curriculum for HTML, CSS, JavaScript and accessibility, with reference pages and browser-support tables beside each tutorial. Working through it builds the standards knowledge needed to lay out and style pages correctly.