atlas news
  MDN - Mozilla Developer Network : EN : bluesky
29  april     12h00
Did you know about Clear-Site-Data header? One HTTP...
   Did you know about Clear-Site-Data header? &#&#One HTTP header to clear cookies, storage, or cache for your site. Perfect for logout flows.&#&#Learn...
    07h00
Schedule work at the right time with queueMicrotask() âs...
   Schedule work at the right time with queueMicrotask() âs &#&#Run a callback after the current task but before rendering. More predictable than...
28  april     21h00
Format lists like a native speaker Intl.ListFormat...
   Format lists like a native speaker &#&#Intl.ListFormat turns arrays into grammatically correct strings in any locale. Handles and , or , and narrow...
    07h00
Fit images perfectly with object-fit Control how...
   Fit images perfectly with object-fit &#&#Control how replaced content (images, videos) fills its container. cover, contain, fill, scale-down, or none...
27  april     21h00
Parse and build query strings the easy way ...
   Parse and build query strings the easy way &#&#URLSearchParams gives you a clean API for working with URL parameters. Get, set, append, delete, and...
    10h00
Happening tomorrow at Mozilla Berlin s Firefox, open...
   Happening tomorrow at Mozilla Berlin s Firefox, open source & the future of the web. Firefox Mobile open source contributions Firefox Roadmap &...
    07h00
Support dark mode with one CSS property color-scheme...
   Support dark mode with one CSS property &#&#color-scheme tells the browser your page supports light, dark, or both. Form controls, scrollbars, and...
26  april     07h00
Server-render Shadow DOM with declarative syntax Use...
   Server-render Shadow DOM with declarative syntax ✠&#&#Use to create shadow roots in HTML. No JavaScript required for initial render.&#&#Perfect for...
25  april     10h00
Mozilla Meetup is back in Berlin Apr 28 ...
   Mozilla Meetup is back in Berlin Apr 28 18:00 Firefox, open source & the future of the web. Firefox Mobile open source contributions Firefox Roadmap...
24  april     21h00
Transform iterators without converting to arrays ...
   Transform iterators without converting to arrays &#&#Iterator helpers like .map(), .filter(), .take(), and .drop() work lazily on any iterable....
    16h53
Help us build the WebAssembly language reference on MDN ...
   Help us build the WebAssembly language reference on MDN &#&#We’re documenting Wasm 1.0 instructions, reference-types, and SIMD, and looking for...
    15h00
Firefox 150 is here What’s new? color-mix()...
   Firefox 150 is here What’s new?&#&# color-mix() accepts multiple colors&# New :playing, :paused, :muted media pseudo-classes&# œ animation-range...
    07h00
Set operations are native in JavaScript union(),...
   Set operations are native in JavaScript union(), intersection(), difference(), symmetricDifference() no more manual loops for set math. const a new...
23  april     21h00
Simplify complex selectors with :is() and :where() Both...
   Simplify complex selectors with :is() and :where() ✠&#&#Both group selectors to reduce repetition. The difference? :is() keeps specificity, :where(...
    12h15
Want to help make Wasm more accessible? Come join us ...
   Want to help make Wasm more accessible? Come join us ✠&#&#[contains quote post or other embedded content]
    07h00
Responsive values without media queries clamp() sets a...
   Responsive values without media queries &#&#clamp() sets a minimum, preferred, and maximum value in one function. Perfect for fluid typography and...
22  april     21h00
Transform key-value pairs back into objects Object...
   Transform key-value pairs back into objects &#&#Object.fromEntries() is the inverse of Object.entries(). Convert Maps, arrays, or URLSearchParams...
    07h00
Use gap in flexbox, no more margin hacks The gap...
   Use gap in flexbox, no more margin hacks &#&#The gap property works in flexbox, grid, and multi-column layouts. Set consistent spacing between items...
21  april     21h00
Read and build form data with the FormData API ...
   Read and build form data with the FormData API &#&#Construct form submissions programmatically, including file uploads. Works with fetch() for modern...
    07h00
Control CSS specificity with layer Cascade layers let...
   Control CSS specificity with layer &#&#Cascade layers let you define explicit priority between groups of styles. No more important battles.&#&#Learn...
20  april     21h00
Split text by words and sentences, for any language ...
   Split text by words and sentences, for any language &#&#Intl.Segmenter handles locale-aware text segmentation, including CJK languages where spaces...
    07h00
Write direction-aware CSS with logical properties ...
   Write direction-aware CSS with logical properties &#&#Replace top right bottom left with block-start inline-end block-end inline-start. Your layouts...
19  april     21h00
Cancel fetch requests and more with AbortController ...
   Cancel fetch requests and more with AbortController &#&#Create a signal, pass it to fetch(), and call abort() when needed. Works with...
    07h00
Generate cryptographically secure UUIDs in the browser ...
   Generate cryptographically secure UUIDs in the browser &#&# crypto.randomUUID() is built into the Web Crypto API, no npm package needed.&#&#Works in...
18  april     21h00
Search arrays from the end with findLast() Array...
   Search arrays from the end with findLast() &#&#Array.findLast() and findLastIndex() return the last matching element without reversing the array...
    07h00
Balance your headings automatically âs text-wrap...
   Balance your headings automatically âs &#&#text-wrap: balance distributes text evenly across lines, preventing awkward orphan words. Perfect for...
17  april     21h00
Mix colors directly in CSS color-mix() blends two...
   Mix colors directly in CSS &#&#color-mix() blends two colors in any color space. Create tints, shades, and dynamic palettes without a preprocessor...
    07h00
CSS :has() the parent selector is real Select...
   CSS :has() the parent selector is real Select elements based on what they contain. Style a card differently when it has an image, or a form when it...
16  april     21h00
The element handles modals the right way ...
   The element handles modals the right way &#&#Built-in focus trapping, backdrop styling, and Escape key handling. No more custom modal libraries.&#&#â...
    07h00
Smooth page transitions in the browser The View...
   Smooth page transitions in the browser ✠&#&#The View Transitions API lets you animate between DOM states with a single API call. Works for SPAs...