Topic

frontend

HTML, CSS, JavaScript, and everything that shapes what users actually see and interact with.

Topic archive

Page 2 of 2

11 posts filed under frontend. This page keeps you inside the same topic while you move through older entries in the archive.

Topic overviewLatest writing

Archive page

Posts on page 2

11 posts total in this topic archive.

White ceramic mug filled with black coffee, viewed from above — Photo by Alex Padurariu on Unsplash

14 Apr 2026, BST · 6 min read

Building a dark/light theme toggle in Astro

CSS custom properties, localStorage persistence, and no flash of wrong theme

How this blog's theme toggle works — a data-theme attribute on the root element, CSS custom properties for every colour, an icon-triggered dropdown for System/Light/Dark selection, and a synchronous inline script to prevent the flash of wrong theme on load.

Read Post
Wooden bookcase filled with books — Photo by Jason Leung on Unsplash

1 Apr 2026, BST · 5 min read

Typed content collections in Astro

Zod schemas, build-time validation, and what the draft flag actually does

How this blog uses Astro content collections with a Zod schema to validate every piece of frontmatter at build time — including typed images, optional fields, and the draft flag pattern that keeps work-in-progress posts off the live site.

Read Post

Free · Practical · One email per post

Get practical engineering notes

One short email when a new article goes live. Useful if you are breaking into tech, growing as an engineer, or improving engineering practice on your team.