Lmst

#FPWD

The @w3c #CSS #WorkingGroup has published "CSS Positioned Layout Module Level 4" as #FPWD
#timetogiveinput

▶️ https://www.w3.org/TR/css-position-4/

Level 4 improves the rendering of dialogs and similar overlay elements and defines a ‘::backdrop’ pseudo-element for them, which can, e.g., black out the rest of the document. The ::backdrop was previously part of the Fullscreen #API specification and is already widely implemented.

Suggest an edit for this spec.: https://github.com/w3c/csswg-drafts/tree/main/css-position-4

Government-approved digital credentials (driver license, etc.) are becoming more commonly used online. The @w3c Digital Credentials #API enables websites to request credentials, and for users to consent to return credentials that they carry around in #DigitalWallets
▶️ https://www.w3.org/TR/digital-credentials/
#FPWD #timetogiveinput

@simone explains how this API advances #privacy-preserving Web identities: https://www.w3.org/blog/2025/w3c-digital-credentials-api-publication-the-next-step-to-privacy-preserving-identities-on-the-web/ #gdc25

Feedback welcome: https://github.com/w3c-fedid/digital-credentials/

The @w3c #CSS #WorkingGroup has published 'CSS Functions and Mixins Module' as #FPWD #timetogiveinput

▶️ https://www.w3.org/TR/css-mixins-1/

To reduce repetition and promote consistency, #developers use CSS pre-processors to create reusable macros. This module introduces functions (enabling authors to create parameterized features similar to custom properties) and mixins that are functions operating at the style rule level.

Feedback welcome! https://github.com/w3c/csswg-drafts/labels/css-mixins-1

Snapshot of lines of code showing a simple custom function to negate a value:

@function - - negative(- - value) {
result: calc(-1 * var(- - value));
}

Then, that function can be referenced with - - negative() in some declarations:

html {
- - gap: 1em;
padding: - - negative(var(- - gap));

or by passing the value explicitly, like:

padding: - - negative(1em);
}

Two existing @w3c specifications are published under a new level. #FPWD #timetogiveinput

- "Web Cryptography Level 2" defines a #JavaScript #API for cryptographic operations like hashing, signing, and #encryption, #authentication
▶️ https://www.w3.org/TR/webcrypto-2/

- "Subresource Integrity" specifies a way for user agents to verify that fetched resources haven’t been tampered with
▶️ https://www.w3.org/TR/sri-2/

Feedback welcome in the resp. directories: https://github.com/w3c/webcrypto/ and
https://github.com/w3c/webappsec-subresource-integrity/

The @w3c Private Advertising Technology #WorkingGroup has published "Privacy-Preserving Attribution: Level 1" as #FPWD
#timetogiveinput

▶️ https://www.w3.org/TR/privacy-preserving-attribution/

This browser #API measures ad performance by generating aggregate conversion stats while protecting user #privacy. It collects cross-site data, which is securely aggregated by a trusted service with added noise for differential privacy. #advertising #technology

Feedback welcome: https://github.com/w3c/ppa/issues/

The Private Attribution API works in conjunction with an aggregation service to generate aggregate attribution measurements.

📖 With version 3.4, the @w3c Publishing Maintenance #WorkingGroup is planning to enhance #EPUB3.3 by standardizing Webtoons, annotations, and #accessibility.

New technical features are added to:
▶️ EPUB 3.4: https://www.w3.org/TR/epub-34/
▶️ EPUB Reading Systems 3.4: https://www.w3.org/TR/epub-rs-34/
▶️ EPUB Accessibility 1.1.1: https://www.w3.org/TR/epub-a11y-111/

#EPUB #FPWD #timetogiveinput

Feedback welcome: https://github.com/w3c/epub-specs/

A row of schematic views of two tablets in landscape mode, and linked with a left-to-right arrow.

Three panels of a comics are displayed in the tablets. The first tablet in the row contains the first panels of the comics on the right hand of the tablet, with the left side empty; the second tablet contains the second and third panels of the comics side-by-side.

Ever wanted to style HTML form controls with custom CSS? A new @w3c #CSS specification is underway: "CSS Form Control Styling Level 1" #FPWD #timetogiveinput
▶️ https://www.w3.org/TR/css-forms-1/

This spec. aims to standardize form styling, improving design consistency and #accessibility while giving web #designers more control.
Feedback welcome! https://github.com/w3c/csswg-drafts/labels/css-forms-1

Need a demo? Check this one by @argyleink! https://nerdy.dev/customize-a-select

Snapshot of a demo video of customized selects on Chrome 135, by Adam Argyle

Building upon Level 4, the #CSS Overflow Module Level 5 expands on scroll management, adding features like scrolling controls (markers to indicate scroll progress, buttons to trigger scrolling) that allow jumping to elements and visually indicating the source, target and current location #FPWD #timetogiveinput
▶️ https://www.w3.org/TR/css-overflow-5/

These additions aim to provide #developers with more control over
scrollable content presentation.

Feedback welcome:
https://github.com/w3c/csswg-drafts/tree/main/css-overflow-5

The #CSS Multi-column Layout Module Level 2 enables content to flow across multiple columns, like in newspapers, using properties like column-width, column-count, column-gap, and column-rule to control layout and spacing #FPWD #timetogiveinput
▶️ https://www.w3.org/TR/css-multicol-2/

Level 2 allows some control over scrolling columns and over elements that span more than one column.

Feedback welcome:
https://github.com/w3c/csswg-drafts/labels/css-multicol-2

Example of the 'column-span' property where an H2 element is set to 'column-span: all'

The #CSS Color HDR Module Level 1 adds support for High Dynamic Range (HDR) content in #CSS, enabling content authors to create richer visuals on #HDR displays. It introduces properties for managing HDR and SDR content #FPWD #timetogiveinput
▶️ https://www.w3.org/TR/css-color-hdr-1/

Feedback welcome:
https://github.com/w3c/csswg-drafts/labels/css-color-hdr-1

🎬 For more info about HDR, watch talks from the 2021@w3c Workshop on Wide Color Gamut and High Dynamic Range for the Web: https://www.youtube.com/playlist?list=PLNhYw8KaLq2UP_XETn9k_bh2338EWGbSd

The Electro-Optical Transfer Functions (EOTF) of four color spaces: extended sRGB and linear-light sRGB (as defined in CSS Color 4) and the Perceptual Quantizer (PQ) and Hybrid Log-Gamma (HLG) as defined in the CSS Color HDR specification.

The #CSS Display Module Level 4 defines how a tree of elements generates a tree of different kinds of layout boxes under the influence of the 'display’ property: block, inline, table, etc. #FPWD #timetogiveinput
▶️ https://www.w3.org/TR/css-display-4/

Feedback welcome:
https://github.com/w3c/csswg-drafts/labels/css-display-4

New is the ‘reading-flow’ property which defines the reading order of elements in a 2D layout, improving #accessibility.

🎬 Watch the 'reading-flow' demo by @rachelandrew
https://youtu.be/-9qZAR2nKiU
#w3cTPAC

A web page can process #audio using various #APIs like HTMLMediaElement or AudioContext. An audio session aggregates this processing, representing the overall nature of the audio work done by the page.

The @w3c Audio Session #API improves audio handling across platforms, enabling better mixing or exclusive playback for a media consistent experience #timetogiveinput #FPWD
▶️ https://www.w3.org/TR/audio-session/

Feedback welcome! https://github.com/w3c/audio-session/issues/

The @w3c CSS #WorkingGroup publishes #CSS Grid Layout Module Level 3 as #FPWD
▶️ https://www.w3.org/TR/css-grid-3/ #timetogiveinput

This module adds #masonry layout as a new option for CSS Grid containers. In a masonry layout, one axis, typically columns, follows a strict grid, while the other axis lets items shift upward to fill gaps left by shorter items.

We welcome feedback!
https://github.com/w3c/csswg-drafts/labels/css-grid-3

A masonry layout example where the first row is items 1, 2, 3, 5, 6, with item 3 slightly taller than the others.
Item 4 spans the first three columns, and is placed just below item 3, while item 7 is tucked under item 5.

The Federated Credential Management (FedCM) #API has been published as a @w3c #FPWD #timetogiveinput
▶️ https://www.w3.org/TR/fedcm/

It provides a standard way for users to log in with federated accounts without third-party cookies or redirects, using the user agent as a mediator between the relying party (RP) and identity provider (IDP) with user consent.

Read the explainer: https://github.com/w3c-fedid/FedCM/blob/main/explainer.md

Feedback welcome! https://github.com/w3c-fedid/FedCM/issues/

The FedCM API involves two aspects: changes for the relying party (RP) and changes for the identity provider (IDP).

The @w3c CSS #WorkingGroup publishes "CSS Scroll snap Module 2" as #FPWD
▶️ https://www.w3.org/TR/css-scroll-snap-2/
#timetogiveinput

Scrolling is a natural way to navigate web content, especially on #mobile. This module contains features to control panning and scrolling behavior with “snap positions”, setting precise scroll boundaries, ensuring smooth and accurate scrolling.

Comments are welcome in the #GitHub repo: https://github.com/w3c/csswg-drafts/labels/css-scroll-snap-2

The @w3c MiniApps #WorkingGroup publishes "#MiniApp Addressing" as #FPWD
https://www.w3.org/TR/miniapp-addressing/ #timetogiveinput

▶️ https://www.w3.org/TR/2024/WD-miniapp-addressing-20240131/

Mini Apps use a combination of web and native app. technologies, running directly on the user agent. MiniApp Addressing defines how MiniApps are located. Check the #explainer: https://github.com/w3c/miniapp-addressing/blob/main/docs/explainer.md

The MiniApp URI design was revised based @tag review's feedback: https://www.youtube.com/watch?v=1t73qWU6np8&t=643s

Comments are welcome in the #GitHub repo: https://github.com/w3c/miniapp-addressing/

#CSS View Transitions Level 1 focuses on transitions within a single page. The Level 2 of the spec., released as a first public working draft today, extends it to transitions between two web pages #FPWD #timetogiveinput
https://www.w3.org/TR/2023/WD-css-transitions-2-20230905/

Please send comments and feedback to the related #GitHub repo: https://github.com/w3c/csswg-drafts/labels/css-view-transitions

▶️ https://www.w3.org/groups/wg/rdf-star/publications

The RDF-star #WorkingGroup released a significant milestone in the #SemanticWeb and #LinkedData tech stack: 16 new specifications in #FPWD #timetogiveinput

They are new versions of existing RECs from the former #RDF Working Group and #SPARQL (2013-2014).

With the inclusion of RDF-star, they bring new features that allow making statements about statements. This capability bridges the gap between RDF and Labeled Property Graph models #DataIntegration

The Contact Picker #API brings easy access to contacts for #WebApps #timetogiveinput #FPWD https://www.w3.org/TR/contact-picker-1/

This API is only avail. from a secure top-level browsing context and considers the sensitivity and #privacy of contact data. Also, a user gesture is needed to initiate the API.

The API is available in #Chrome on Android, and behind a flag in #Safari on iOS. Try it with this demo: https://contact-picker.glitch.me

Feedback is welcome in the related #GitHub repo: https://github.com/w3c/contact-picker/issues

▶️ https://w3c.social/@w3c/109635845775618555

The @w3c Web Locks #API allows scripts to asynchronously acquire a lock over a resource, hold it while work is performed, then release it #FPWD #timetogiveinput
https://www.w3.org/TR/web-locks/

This #API helps coordinate the usage of resources within a #WebApp.

Very good browser support already: https://caniuse.com/mdn-api_lock

Check out the explainer https://github.com/w3c/web-locks/blob/main/EXPLAINER.md

Please give feedback in the related #GitHub repo: https://github.com/w3c/web-locks/issues/

#FPWD

Client Info