Daily web platform news by @pepelsbey.dev
https://web-standards.dev/
Web Standards
Loading...
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...
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...
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/...
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
Entry and exit transitions with modern CSS. matia đź‡đź‡· shows how @​starting-style, transitions with allow-discrete, and the View Transition API together create smooth, interruptible animations for <dialog> and popovers. #css #animation
joyofcode.xyz/entry-...
CSS is filling the gaps with rules. Brecht De Ruyte introduces column-rule, row-rule, rule-break, rule-inset, rule-overlap, and rule-visibility-items for styling gaps in grid and flex layouts. The rules are animatable too. #css #layout
utilitybend.com/blog...
CSS vs. JavaScript animations. Josh W. Comeau shows CSS and the Motion library stay smooth when the main thread is busy, while JS and the GSAP library freeze. Use native CSS when you can, and reach for JS only for what CSS can’t do. #animation #performance
www.joshwcomeau.com/...
What’s new in Chrome 149. CSS gap decorations for grid and flexbox, shape-outside with path() and shape(), SVG path-length as a CSS property, image-rendering: crisp-edges, and WebSocket connections that no longer block back/forward cache. #chrome #browser
developer.chrome.com...
Replacements​.fyi. A tool from the e18e collective that helps you find more performant and safer replacements for outdated or unnecessary npm packages. Type a package name and get drop-in alternatives or short code snippets to use instead. #npm #tools
replacements.fyi/
Web Standards
Web Standards
Web Standards
Web Standards
Web Standards
Web Standards
Web Standards
The state of CSS centering in 2026. @css-only.dev compares flexbox, grid, position: absolute, and text-align, explains text-box, anchor-center, and safe vs unsafe centering. #css #layout
css-tricks.com/the-s...
