atlas news
  Web Standards : mastodon
15  may     10h00
Browsers treat big sites differently.
   Browsers treat big sites differently. denodell reveals how Safari and Firefox quietly ship thousands of lines of site-specific patches to keep...
14  may     13h24
The HTML Sanitizer API. Ahmad Alfy walks through the new browser-native API...
   The HTML Sanitizer API. Ahmad Alfy walks through the new browser-native API that prevents XSS without DOMPurify. Safe methods setHTML and parseHTML...
13  may     10h00
Soon we can finally banish JavaScript to the ShadowRealm.
   Soon we can finally banish JavaScript to the ShadowRealm. Wilto walks through the TC39 ShadowRealm proposal, which creates isolated execution...
12  may     10h00
WebKit features for Safari 26.5.
   WebKit features for Safari 26.5. jensimmons introduces the :open pseudo-class for styling open <details>, <dialog>, <select>, and...
11  may     10h10
How to control infinite CSS animations. In part 1 of 2,
   How to control infinite CSS animations. In part 1 of 2, css shows how to speed up, slow down, and reverse infinite CSS animations on demand. He uses...
08  may     10h00
From React to native web with nanotags: a migration that saved 100 KB....
   From React to native web with nanotags: a migration that saved 100 KB. Pavel Grinchenko explains how they migrated an Astro marketing site from React...
07  may     10h29
Using safe-area-inset to build mobile-safe layouts. Modern phones have...
   Using safe-area-inset to build mobile-safe layouts. Modern phones have notches, cutouts, and floating buttons that overlap your UI unless you account...
06  may     10h00
What’s new in Chrome 148. CSS name-only container queries can match by...
   What’s new in Chrome 148. CSS name-only container queries can match by container-name without a container-type. The at-rule() function in supports...
05  may     10h00
Media queries range syntax.
   Media queries range syntax. shadeed9 shows how the classic min-width and max-width syntax creates overlap bugs at identical breakpoints, like two...
04  may     10h06
Design token naming conventions: a practical guide.
   Design token naming conventions: a practical guide. sturobson breaks down how to build token names that scale. He covers three token tiers ...
01  may     10h00
SVG from scratch.
   SVG from scratch. carmenansio presents SVG not as a graphics format but as a DOM: every shape is an element, every attribute is a style, that could...
30  april     11h15
The web is fun again: first experiments with HTML in lt;canvas gt;...
   The web is fun again: first experiments with HTML in <canvas>. amit sheen explores the experimental Canvas Draw Element API behind the flag in...
29  april     10h00
Scroll-driven animations.
   Scroll-driven animations. joshwcomeau dives into CSS animation-timeline, mapping keyframes over scroll distance instead of duration. He covers timing...
28  april     10h34
Automate the browser from the terminal with Chrome DevTools MCP CLI....
   Automate the browser from the terminal with Chrome DevTools MCP CLI. nucliweb walks through chrome-devtools-mcp, a CLI that controls Chrome through...
27  april     10h35
The end of responsive images.
   The end of responsive images. Wilto, former chair of the Responsive Image Community Group, looks back on a decade of wrestling with the sizes...
24  april     10h00
Your options for preloading images with JavaScript. Alex MacArthur compares...
   Your options for preloading images with JavaScript. Alex MacArthur compares five approaches to preloading images: new Image(), <link rel...
23  april     10h01
Playwright accessibility testing: what axe and Lighthouse miss. David Mello...
   Playwright accessibility testing: what axe and Lighthouse miss. David Mello explains that automated tools like axe and Lighthouse catch only 30-40%...
22  april     10h00
Highlights from Git 2.54. Taylor Blau walks through new features including...
   Highlights from Git 2.54. Taylor Blau walks through new features including git history reword, which opens your editor with a commit’s message and...
21  april     10h00
Firefox 150 release notes for developers. The release adds sizes...
   Firefox 150 release notes for developers. The release adds sizes "auto" for lazy-loaded images, color-mix() with multiple colors, light...
20  april     10h06
Fully local code embeds. Aleksandr Hovhannisyan built a web component that...
   Fully local code embeds. Aleksandr Hovhannisyan built a web component that renders isolated code sandboxes using iframe srcdoc, without relying on...
1778967171