Technology · 25 items

HTML & CSS

The foundations of front-end development: semantic HTML, modern CSS, layout, animation and accessibility.

All content

CSS Flexbox tutorial: the complete guide to flexible layoutsCSS Flexbox tutorial: the complete guide to flexible layoutsTutorial · 11 min · verified on 7 September 2026CSS Grid vs Flexbox: understanding the differencesCSS Grid vs Flexbox: understanding the differencesComparison · 4 minCSS card UI: build a hover card with the filter propertyCSS card UI: build a hover card with the filter propertyTutorial · 4 minRegex to validate a strong password in JavaScript and PHPRegex to validate a strong password in JavaScript and PHPExplainer · 2 minRegex to validate a date: JavaScript, PHP and HTMLDate regex: validate DD/MM/YYYY or YYYY-MM-DD (JavaScript, PHP, HTML)Explainer · 6 min · verified on 7 September 2026Postcode regex to validate a French postcode in JS, PHP, HTMLPostcode regex to validate a French postcode in JS, PHP, HTMLExplainer · 3 minRegex to validate an IP address: IPv4 and IPv6 patternsRegex to validate an IP address: IPv4 and IPv6 patternsExplainer · 4 minBuild a tab system in JavaScript and CSS, with ARIA attributesBuild a tab system in JavaScript and CSS, with ARIA attributesExplainer · 4 minHow to change CSS classes in JavaScript with classListHow to change CSS classes in JavaScript with classListTutorial · 3 minLazy loading images: 5 methods to speed up your websiteLazy loading images: 5 methods to speed up your websiteExplainer · 8 minCSS progress bar: how to build one with HTML and CSSCSS progress bar: how to build one with HTML and CSSTutorial · 2 minHTML forms: 4 best practices for fieldsets, labels and selectHTML forms: 4 best practices for fieldsets, labels and selectExplainer · 4 min
Newsletter

New tests, tutorials and projects, by e-mail.

Reproducible tests, versioned code, dated results. Never any spam.