Reading up on CSS

The article explains five CSS properties—background-clip, vertical-align/align-content, box-decoration-mode, letter-spacing, and text-combine-upright—to enhance web typography and text design for better visual appeal.

HTML can create interactive UI components, animations, and data handling without JavaScript, leveraging CSS, custom elements, and the Shadow DOM to build rich interfaces directly in markup.

The post shows how to use CSS custom properties, object-fit, object-position, clamp, and container queries to crop images while keeping a chosen focal point centered.

cnfast is a drop-in replacement for tailwind-merge that merges Tailwind classes 3.8x faster on average with byte-identical output.

Juice is a Node.js library that inlines CSS properties from style tags into HTML style attributes, primarily for HTML emails.

CSS animations run off the main thread so they don't freeze during JS work, but libraries like Motion use the Web Animations API to avoid that pitfall.

Developers debate whether Tailwind CSS encourages poor HTML semantics and div soup or improves productivity through utility-first styling and component-based architecture.

Safari 26.5 introduces the :open pseudo-class, element-scoped random(), color-interpolation for SVG gradients, ToggleEvent.source, and the Origin API, along with 63 bug fixes.

Stacking CSS text-stroke layers with varying widths creates a multi-stroke text effect, though browser rendering differences (Firefox smoother than Chrome/Safari) and poor performance make it unsuitable for production.

Safari 26.4 ships name-only @container queries, resolving naming conflicts by allowing queries without explicit container names.

A developer built a 3D Mahjong solitaire game entirely in CSS, receiving mixed feedback on rule deviations and mobile UX issues.

A developer recreates a CSS-only navigation reveal effect using clip-path circle and polygon calculations, inspired by a site seen on Twitter.

A new HTML meta tag lets developers opt into respecting the user's OS-level text scale on mobile, requiring CSS improvements to avoid layout breakage.

Native HTML elements like <details>, <dialog>, and <datalist> can replace some JavaScript, but still lack the interactivity and styling needed for complex apps.

Apple's WebKit team introduces CSS Grid Lanes as the standardized native implementation of masonry layouts, available now in Safari Technology Preview.

A CSS Working Group wiki page catalogs design mistakes in CSS, including problems with the cascade, specificity, margin collapse, and layout properties.

CSS layout complexity makes both rule-based and constraint-based systems unpredictable; newer modes like Flexbox and Grid improve the situation better than replacing CSS entirely.