CSSHTML
Professional Interfaces
Learn page layout, form validation, motion and accessibility: the things that make an interface comfortable to use in real life, not just nice to look at.
Start the trackFree, no sign-up needed
What you'll learn
- CSS GridLayout in two directions
- Form validationValidate before you submit
- Thoughtful motionTransitions that respect the user
- AccessibilityAn interface people can use without seeing the screen
- Dark modeSwap variables instead of repeating colors
- Sticky headerA header that stays put while the list scrolls under it
- Loading skeletonsReserve space for content before it arrives
- Responsive imagesEvery screen gets the size that suits it
Track contents
8 lessons, 2 hours in total- 1CSS GridCSSLayout in two directions12 min
- 2Form validationHTMLValidate before you submit14 min
- 3Thoughtful motionCSSTransitions that respect the user13 min
- 4AccessibilityHTMLAn interface people can use without seeing the screen15 min
- 5Dark modeCSSSwap variables instead of repeating colors15 min
- 6Sticky headerCSSA header that stays put while the list scrolls under it12 min
- 7Loading skeletonsCSSReserve space for content before it arrives14 min
- 8Responsive imagesHTMLEvery screen gets the size that suits it13 min
More Web tracks
All tracks- </>Beginner
Web Basics
Start with your very first HTML tag and finish with a complete interactive app.
8 lessons1.5 hours - { }Intermediate
CSS in Depth
Go deeper into the box model, custom properties, positioning, container queries and more, so you understand what's really going on behind the styles you see.
8 lessons1.5 hours - { }Beginner
Text and Typography
Learn to scale headings, choose the right units, and set line length and text direction, because text is what people read most in any interface.
8 lessons1.5 hours