The Israeli Air Force was carrying out a new 'Sword of Damocles' operation as it was carrying out the 'Hannibal directive,' the IDF's probes found.

Build declarative layouts using CSS-only custom elements

A week and a bit on UpCloud, deleting my DigitalOcean account after more than 10 years, and what DigitalOcean is doing to CSS-Tricks, one of the best places on the whole internet.

Build real, composable web components using markup and CSS, with no JavaScript

While working on a side-project to better navigate and search through my record collection, I found myself in need of a rich search input: one that accepts free-form text alongside structured filters ...

Wiring HTML attributes into CSS with advanced typed attr(), and letting container style queries pass that state down to child components.

A document outlining and explaining my general structure for HTML pages to use. A slim general markup template that applies to almost all HTML documents on the web and forgoes anything unnecessary. It is a general framework to build upon for individual sites.

How to make optically balanced icons, correct shapes alignment, and perfect corner rounding

The <samp> HTML element is used to enclose inline text which represents sample (or quoted) output from a computer program. Its contents are typically rendered using the browser's default monospaced fo...

Every element I use for the basic structure of a HTML document, with explanations why.

A component library built on real semantic HTML — React and Web Components, one shared token layer.

YouTube video by Firefox for Web Developers

Jelly UI is a dependency-free Web Components library for tactile product interfaces: soft-body physics, real form controls, dark mode, RTL and WCAG AA accessibility.

Modern phones are not simple rectangles. They have rounded corners, camera cutouts, dynamic islands, and home indicators that double as gesture areas. Browsers…

Fluid scales, balanced headings, drop caps, optical sizing, hanging punctuation. The browser now ships most of a typesetter's toolkit in pure CSS, switched off by default until you ask for it.

Students protested against Google’s Project Nimbus, a tech contract between the search giant and the Israeli government that is linked with violence against Palestinian civilians.

Hi, just me heading off some bad advice I’m starting to see in developer venues. Background The proposed Document Outline Algorithm, where headings would automatically reset themselves to the appropri...

Rights advocate accuses Washington of using 'terrorism label' to shut down Palestine activism internationally.

YouTube video by Al Jazeera English

The any-pointer CSS media feature tests whether the user has any pointing device (such as a mouse), and if so, how accurate it is.

TL;DR: blanket statements about where to put focus when opening a modal dialog are wrong, including this one. This post is meant to help you, an intelligent and thoughtful and empathetic reader, figur...