Daily web platform news by @pepelsbey_dev

Joined October 2025
159 Photos and videos
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/17974/web-te…
1
1
181
The quiet problem with unnecessary async. @allthingssmitty 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/2026/06/…
110
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/css-animat…
1
67
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/17967/news-f…
54
Introducing the CSS Property Type Validator Stylelint plugin. @schalkneethling released the first beta that validates @​property registrations, custom property assignments, and var() usage in your linting workflow. #css #tools schalkneethling.com/posts/in…
4
8
745
The website specification. @jdevalk 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
2
1
8
2,708
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/release…
55
CSS is filling the gaps with rules. @utilitybend 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-is-…
1
1
242
The state of CSS centering in 2026. @ChallengesCss compares flexbox, grid, position: absolute, and text-align, explains text-box, anchor-center, and safe vs unsafe centering. #css #layout css-tricks.com/the-state-of-…
40
Entry and exit transitions with modern CSS. @joyofcodedev 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-and-exit…
1
75
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/
1
2
61
CSS vs. JavaScript animations. Josh 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 joshwcomeau.com/animation/cs…
1
1
202
Better fluid sizing with round(). @shadeed9 shows how the CSS round() function complements clamp() by snapping fluid values to consistent intervals, avoiding awkward decimals like 19.7px in typography, spacing, and baseline grids. #css ishadeed.com/article/css-rou…
1
2
229
Declarative partial updates. @tunetheweb and @nomsternom introduce processing instructions and new setHTML(), appendHTML(), streamHTML() methods for inserting HTML out of order into specific document locations. #html #api developer.chrome.com/blog/de…
77
600 million people write right-to-left: two fixes your app needs. Nina Torgunakova from @evilmartians shows how dir="auto" handles RTL input in English apps, while dir="rtl" plus logical CSS properties enable fully localized UIs. #css #a11y evilmartians.com/chronicles/…
3
5
841
Look up web platform features from your terminal. @patrickbrosset’s wf command shows Baseline status, MDN docs, specs, browser bugs, survey results, and Chrome usage, with data from the W3C WebDX Community Group. #tools #baseline npmjs.com/package/web-featur…
79
State of CSS 2026. Devographics opened the annual CSS survey, this year focused on the features that matter most. It takes 15–20 minutes and helps map how developers actually use modern CSS. #css #survey survey.devographics.com/en-U…
1
5
146
Modern web guidance. A set of expert-vetted skills from the Chrome team that guide AI coding agents toward accessible, performant, and secure web practices, helping with modern features like <dialog>, popover, container queries, passkeys, CSP. #tools #ai developer.chrome.com/docs/mo…
3
6
487
Firefox 151 release notes for developers. New shadowrootslotassignment attribute for <template>, @​container style() queries, position-anchor: normal, Document Picture-in-Picture API, desktop Web Serial, and keyboardLock in fullscreen. #firefox #browser developer.mozilla.org/en-US/…
1
91
State of AI 2026 survey results. @SachaGreif’s annual survey of 7,258 developers shows AI-assisted coding has gone mainstream, with respondents generating 54% of their code with AI, up from 28% last year. #ai #survey 2026.stateofai.dev/en-US
1
109