Menu

W3C News

How to Use the Web Share API

June 6th, 2019

The Web Share API is one that has seemingly gone under the radar since it was first introduced in Chrome 61 for Android. In essence, it provides a way to trigger the native share dialog of a device (or desktop, if using Safari) when sharing content — say a link or a contact card —…

First Public Working Draft: CSS Overscroll Behavior Module Level 1

June 6th, 2019

The CSS Working Group has published a First Public Working Draft of CSS Overscroll Behavior Module Level 1. This module defines overscroll-behavior to control the behavior when the scroll position of a scroll container reaches the edge of the scrollport. This allows content authors to hint that the boundary default actions, such as scroll chaining…

W3C Invites Implementations of CSS Values and Units Module Level 3

June 6th, 2019

The CSS Working Group has published an updated Candidate Recommendation of CSS Values and Units Module Level 3. This CSS module describes the common values and units that CSS properties accept and the syntax used for describing them in CSS property definitions. CSS is a language for describing the rendering of structured documents (such as…

JAMstack? More like SHAMstack.

June 5th, 2019

I’m a fan of the whole JAMstack thing. It seems like a healthy web movement. I’m looking forward to both of the upcoming conferences. Of any web trend, #jamstack seems like it will be the least regrettable. — Chris Coyier (@chriscoyier) May 22, 2019 I feel like the acronym might not be quite doing it…

Self-Host Your Static Assets

June 5th, 2019

Harry Roberts digs into why hosting assets on someone else’s servers (including CDNs) is not such a great idea if we want our websites to be lightning fast. Harry writes: One of the quickest wins—and one of the first things I recommend my clients do—to make websites faster can at first seem counter-intuitive: you should…

Movin’ Modals Along a Path

June 4th, 2019

Modals always be just appearin’. You might see one once in a while that slides in from one of the edges, or uses some kind of scale/opacity thing to appear from “above” or “below.” But we can get weirder than that. Why not have them come in on an offset-path? Just a swoopy arc is…

Creating Animations Using React Spring

June 4th, 2019

Have you ever needed animation in your React application? Traditionally, implementing animation has not an easy feat to accomplish. But now, thanks to Paul Henschel, we there’s a new React tool just for that. react-spring inherits from animated and react-motion for interpolations, optimized performance, and a clean API. In this tutorial, we will be looking…

First Public Working Draft: Web Authentication: An API for accessing Public Key Credentials Level 2

June 4th, 2019

The Web Authentication Working Group has published a First Public Working Draft of Web Authentication: An API for accessing Public Key Credentials Level 2. This specification defines an API enabling the creation and use of strong, attested, scoped, public key-based credentials by web applications, for the purpose of strongly authenticating users. Conceptually, one or more…

Do you need an ICON ONLY button without screwing up the accessibility?

June 3rd, 2019

The first consideration is: do you really? If you can, having text next to your icons is proven over and over again to be the most accessible and clearest UX (see Apple’s latest blunder). But if you need to (and I get it, sometimes you need to), Sara Soueidan and Scott O’Hara have a pair…

Prevent Page Scrolling When a Modal is Open

June 3rd, 2019

Please stop me if you’ve heard this one before. You open a modal, scroll through it, close it, and wind up somewhere else on the page than you were when you opened the modal. That’s because modals are elements on a page just like any other. It may stay in place (assuming that’s what it’s…