Learning
web.dev
Practical guides to building fast, accessible and resilient experiences for the web.
web.dev THE WEB, WELL BOOKMARKED
Fill your creative toolkit.
98 references, libraries and tools for designing, building and testing the web.
10 resources · External links open in a new tab. Some services require an account or paid plan.
Learning
The Modern JavaScript Tutorial
A structured path through JavaScript fundamentals, browser interaction and asynchronous programming.
javascript.infoLearning
Learn CSS
A guided course covering the CSS foundations behind everyday interface styling.
web.devLearning
Learn HTML
A practical course in document structure, semantic elements and accessible HTML patterns.
web.devLearning
Frontend Mentor
Practice translating interface designs into working frontend projects with guided challenges.
www.frontendmentor.ioLearning
Smashing Magazine
Articles and practical guidance on frontend development, user experience and web design.
www.smashingmagazine.comColor & palettes
Huemint
Generate palette suggestions and preview how colors work together in sample design contexts.
huemint.comTypography
Google Fonts Knowledge
Guides to choosing type, understanding font technology and using typography on the web.
fonts.google.comLearning
CSS Grid Garden
Practice CSS Grid positioning through a set of interactive visual exercises.
cssgridgarden.comLearning
Flexbox Froggy
Learn Flexbox alignment and layout rules by solving small interactive exercises.
flexboxfroggy.com