How to use this book
Read each chapter introduction, inspect its allowed tools, open the lessons in order, and complete the checkpoint before moving forward.
Most historical exercises preserve their original stage, while selected later pages reinforce foundational concepts such as semantic structure.
Table of contents
- Chapter 1HTML Structure and Controls
- Chapter 2Semantic HTML and Landmarks
- Chapter 3Spacing, Colour, and Borders
- Chapter 4Flexbox Layout
- Chapter 5The Complete Box Model
- Chapter 6CSS Units and Overflow
- Chapter 7Advanced Flexbox
- Chapter 8Typography and Visual Presentation
- Chapter 9Positioning and Stacking
- Chapter 10CSS Grid
- Chapter 11Responsive CSS and Pseudo-elements
- Chapter 12Accessible Forms
- Chapter 13Tables and Lists
- Chapter 14CSS Motion
- Chapter 15Combined Practical Projects
- Chapter 16CSS Variables
- Chapter 17Clip-path
- Chapter 18Admin UI Patterns
- Chapter 19Storefront Patterns
- Chapter 20Admin Commerce Patterns
- Chapter 21Travel Booking Patterns
- Chapter 22Page Layout System
- Chapter 23Class Naming Conventions
- Chapter 24Design Tokens Beyond Colour
- Chapter 25Container Queries
Reference appendix
Open the readable reference library. Use it to review concepts, not to skip the chapter constraints.
Supplemental practice
- Pseudo-classes practice — interactive and structural states
- Small CSS techniques — reusable visual tricks
- Code display markup —
pre,code,br,kbd, andsamp - UI cards catalog — named card patterns with construction recipes
- UI navbars catalog — responsive nav patterns with burger menus
- UI heroes catalog — landing-top patterns
- Hero composition allow-list — motif kits, masks, stacks, and compound hero widgets