css – Page 7 – Türker Yıldırım

A visual baseline belongs in a container, not on a laptop

NoteJanuary 26, 20222 min read

Font rendering, device pixel ratio and browser version all differ between a developer machine and a CI runner, and a screenshot comparison notices all three. A zero pixel…

A block theme is a directory of HTML files

Deep diveJanuary 25, 202216 min read

5.9 on 25 January, and templates/ replaces the template hierarchy. A theme with 41 PHP templates and an editor that cannot see any of them.

blockGap, and the margin you stopped writing

NoteJanuary 13, 20222 min read

Vertical spacing between blocks moves from a stylesheet rule to a setting, which is a better mechanism and a large diff. Setting blockGap to false disables the control…

A block style variation instead of a whole block

NoteNovember 16, 20212 min read

A block that differs from a core block only in appearance is a style variation, which is a class name and a stylesheet rule. The variation adds an…

Teleport, for the modal that fights a stacking context

NoteNovember 5, 20212 min read

A modal rendered inside a component with overflow: hidden or a transform is clipped by an ancestor no amount of z-index will escape. Keeping the logical position while…

Image optimisation is a build step, not a plugin

Deep diveSeptember 6, 202110 min read

A 4.2 MB hero image, uploaded by somebody doing their job correctly. LCP at 6.1 seconds, and a plugin that only runs on upload.

script setup, and the Vue component that lost its boilerplate

Deep diveAugust 17, 202110 min read

3.2 in August makes the compiler macro stable. Every component ended with a return listing what it had just declared, and a compiler can work that out.

Block-based widgets broke every widget we had written

Deep diveJuly 29, 202110 min read

5.8 replaced the widget screen with a block editor. Six custom widgets became six HTML blocks full of rendered markup.

Duotone is an SVG filter, and it prints in the body

NoteJuly 28, 20212 min read

The duotone effect is implemented as an SVG filter definition injected into the page, which is surprising the first time it appears in a diff of the rendered…

Disabling a setting in theme.json removes the control

NoteJuly 22, 20212 min read

Setting a feature to false does not merely change a default — it removes the control from the editor sidebar entirely. This is the half of the file…