Web

Create a landing page performance handoff with asset budgets, loading priorities, dependency ownership and repeatable acceptance checks for designers.

Design reliable enquiry forms with persistent labels, useful errors, appropriate validation, truthful submission states and accessible mobile use.

Create a web font budget covering families, weights, fallbacks, loading behaviour, subsets and reproducible checks for readable, stable web pages.

Plan responsive image delivery with suitable dimensions, source candidates, crops and loading priorities, then verify requests and layout stability.

Learn how to improve INP by measuring real interactions, reducing long tasks, simplifying DOM work and testing menus, forms and feedback states.

Use this beginner WCAG 2.2 web accessibility checklist to review structure, keyboard focus, forms, target size, contrast and responsive layouts.

Learn the View Transitions API with a progressive card-to-detail exercise, reduced-motion support, focus checks and safe browser fallbacks.

Learn CSS container queries by building reusable responsive cards with named containers, query units, fallbacks and a practical testing checklist.

Explore practical web design trends for 2026 using Baseline features, progressive enhancement, accessibility checks and portfolio exercises.

Build a responsive website with complete HTML and CSS code. Follow setup steps, test navigation and mobile layouts, and document your portfolio project.