Technology · 25 items

HTML & CSS

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

All content — page 2

CSS nth-child selector: a practical introduction with examplesCSS nth-child selector: a practical introduction with examplesExplainer · 4 minCSS animation tutorial: keyframes and animation propertiesCSS animation tutorial: keyframes and animation propertiesExplainer · 3 min15 great CSS animation libraries worth knowing about15 great CSS animation libraries worth knowing aboutExplainer · 2 min5 common HTML mistakes to avoid, and what to write insteadSemantic HTML: 10 common mistakes and the tags that fix themExplainer · 8 min · verified on 7 September 2026CSS :empty selector: styling elements with no contentCSS :empty selector: styling elements with no contentExplainer · 3 minSVG with media queries: responsive SVG styled in CSSSVG with media queries: responsive SVG styled in CSSExplainer · 21 minCheck if an input is empty using only CSS and HTMLCheck if an input is empty using only CSS and HTMLTutorial · 2 minResponsive menu with Flexbox: build one in three stepsResponsive menu with Flexbox: build one in three stepsTutorial · 6 minCentre elements in CSS with Flexbox, horizontally and verticallyCentre a div in CSS: horizontally, vertically or both (Flexbox, Grid)Explainer · 5 min · verified on 7 September 2026CSS variables tutorial: declare, scope and use custom propertiesCSS variables tutorial: declare, scope and use custom propertiesTutorial · 4 min · verified on 7 September 2026Disable automatic phone number detection in Microsoft EdgeHTML tel link: make phone numbers clickable and disable auto-detectionExplainer · 6 min · verified on 7 September 2026CSS transition property: how to animate without JavaScriptCSS transition property: how to animate without JavaScriptTutorial · 2 min
Newsletter

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

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