CSS reacts, JS just listens. @nerdy.dev’s prop-for-that library exposes runtime state to CSS through custom properties: pointer position, scroll velocity, battery, viewport, and 16+ more, no event handlers needed. #css #js
prop-for-that.netlif...
CSS animated SVG maps. Amber Weinberg shows how to stagger pin opacity, fade in the background, and draw lines with stroke-dasharray and stroke-dashoffset, all inside a prefers-reduced-motion media query. #css #svg
amberweinberg.com/cs...
Introducing the field guide to grid lanes. Jen Simmons announces a new learning resource for CSS grid lanes with a playground, reference, and six real-world demos. Best in Safari 26.4+. #css #layout
webkit.org/blog/1809...
The quiet problem with unnecessary async. Matt Smith warns that async without real asynchronous work changes a function’s contract, propagates outward through callers, and hides where real I/O actually happens. #js #performance
allthingssmitty.com/...
Web technology sessions at WWDC26. Saron Yitbarek rounds up six WebKit talks: Safari 27 beta, CSS grid lanes, customizable <select>, the <model> element, immersive visionOS environments, and web extensions. #safari #browser
webkit.org/blog/1797...
The website specification. @joost.blog published a platform-agnostic reference of technical features a quality website should have, covering HTML, SEO, accessibility, security, performance, internationalization, and agent readiness. #html #a11y
specification.website
News from WWDC26: WebKit in Safari 27 beta. Jen Simmons introduces 58 new features and 525 fixes: customizable <select>, scroll anchoring, transform-aware anchor positioning, WebAssembly JSPI, and top-level await. #safari #browser
webkit.org/blog/1796...
Firefox 152 release notes for developers. The field-sizing CSS property, Notification actions in showNotification(), unadjustedMovement for requestPointerLock(), and experimental text module imports with { type: "text" }. #firefox #browser
developer.mozilla.or...
Context-aware headings in HTML. @matuzo.at explores headingoffset, an HTML attribute that offsets descendant heading levels in the accessibility tree without changing the tags. Useful for web components. In Firefox Nightly. #html #a11y
www.matuzo.at/blog/2...
Introducing the CSS Property Type Validator Stylelint plugin. Schalk Neethling released the first beta that validates @property registrations, custom property assignments, and var() usage in your linting workflow. #css #tools
schalkneethling.com/...