html – Page 4 – Türker Yıldırım

Container queries, and the component that stopped needing a prop

Deep diveJuly 7, 202310 min read

A card with a variant prop that exists only to describe its width, rendered wrong in a sidebar somebody added last week.

Patterns as a deliverable, and the editor who stopped asking us

Deep diveJune 27, 20239 min read

A request for a new landing page layout, for the ninth time. Every campaign page a developer ticket, for work that is arrangement.

The image that was four megabytes because nobody looked

NoteJune 27, 20231 min read

A hero image uploaded at 6000 pixels wide, served at 1200, on every page load, for eleven months. WordPress has scaled large uploads down since 5.3 and a…

Bootstrap 5.3 colour modes on a custom palette

NoteJune 13, 20232 min read

The May release adds a dark mode built on CSS variables and a data-bs-theme attribute, which works well until the palette is not theirs. The parallel -rgb variables…

A block that renders on the server and edits on the client

Deep diveMarch 17, 202310 min read

A block showing live stock levels, which cannot be saved into post content. Static markup that was wrong the moment it was written.

:has() does not exist yet, and the class you add instead

NoteNovember 21, 20221 min read

The parent selector is in Safari from March and in nothing else during 2022, so styling a container based on its contents is still JavaScript. Keeping a class…

A design system in theme.json and a stylesheet that agrees

Deep diveNovember 17, 202210 min read

6.1, fluid typography, and a stylesheet that had its own scale. Two definitions of a spacing scale, one in each place.

size-adjust, and a fallback that occupies the same space

NoteNovember 3, 20222 min read

The layout shift when a font swaps comes from the fallback having different metrics, and the descriptors let a fallback be adjusted to match. The numbers come from…

Web fonts that stopped blocking the render

Deep diveSeptember 28, 202210 min read

600ms of the largest contentful paint was a font file. font-display: block, and a page that renders in stages.

Bootstrap 5.2, CSS variables, and a theme that stopped being a fork

Deep diveAugust 17, 202210 min read

5.2 in July, and custom properties throughout the components. A Sass fork that had to be rebased on every patch release.