Computing and tech
The page workshop
Edit a page's HTML and CSS and see the result change at once. Tap an element to read the rules that target it, measure its box and spot what is wrong in the markup.
Free, with your Voyelle account.
What leads here.
The decks that help you review what you handle here, and the learning path it belongs to.
The learning pathBuilding a web pageIts decks come in the right order, step by step, up to the badge.
The decks
- The structure of an HTML document
- Text in HTML
- Links and images in HTML
- Lists and tables in HTML
- HTML forms
- Semantic elements
- CSS selectors and specificity
- The CSS cascade and inheritance
- The box model
- CSS units and colours
- CSS positioning
- Flexbox
- Grid
- Media queries
- Typography in CSS
- The 4 WCAG principles
- Levels A, AA and AAA
- Alternatives, contrast and keyboard
- ARIA roles
- Testing conformance to W3C standards
In the same subject.
The interface lab
Fitts and Hick, measured on you
The leaky shop
Attack the shop, then close it
The speed lab
What delays a page's display
Try it, then review what it taught you.
Free: the whole library, unlimited reviews, no ads. See pricing