W3C News

Updated Candidate Recommendation: Web Audio API

January 14th, 2021

The Audio Working Group invites implementation of an updated Candidate Recommendation of Web Audio API. This specification describes a high-level Web API for processing and synthesizing audio in web applications. The primary paradigm is of an audio routing graph, where a number of AudioNode objects are connected together to define the overall audio rendering. The…

Fading in a Page on Load with CSS & JavaScript

January 13th, 2021

Louis Lazaris demonstrates a very simple way of doing this. Hide the body (with JavaScript) right away with with a CSS class that declares opacity: 0 Wait for all the JavaScript to execute Unhide the body by transitioning it back to opacity: 1 Like this: CodePen Embed Fallback Louis demonstrates a callback method, as well…

Fixing Smooth Scrolling with Find-on-Page

January 12th, 2021

Back when we released the v17 design (we’re on v18 now) of this site. I added html { scroll-behavior: smooth; } to the CSS. Right away, I got comments like this: … when you control+f or command+f and search on CSS-Tricks, it’ll scroll very slowly instead of snapping to the result, which makes finding information…

First Public Working Drafts: EPUB 3.3

January 12th, 2021

The EPUB 3 Working Group has published four First Public Working Drafts today for EPUB 3.3. This technology defines a distribution and interchange format for digital publications and documents. The EPUB format provides a means of representing, packaging, and encoding structured and semantically enhanced Web content — including HTML, CSS, SVG, and other resources —…

Angular Thoughts on Docs: Looking Back, Looking Ahead

January 11th, 2021

Photo Credit: The start of a new year is a good opportunity to look back on some of the work we’ve done with the Angular documentation. I find these reflection opportunities helpful; they allow me to really examine what we’ve accomplished, what we weren’t able to achieve, and what we should focus on next….

Animating with Lottie

January 11th, 2021

I believe animation on the web is not only fun but engaging in such a way that it has converted site visitors into customers. Think of the “Like” button on Twitter. When you “like” a tweet, tiny colorful bubbles spread around the heart button while it appears to morph into a circle around the button…

Painters Tape and Fault Tolerance

January 8th, 2021

Snipping the top bit of Nicholas C. Zakas’s Top of the Month newsletter (go sign up!), with permission. One of my favorite things in the world is painter’s tape (also called masking tape). It seems like something silly: some tape you put on a wall when you’re painting to avoid getting paint on the wall….

Svelte and Spring Animations

January 8th, 2021

Spring animations are a wonderful way to make UI interactions come to life. Rather than merely changing a property at a constant rate over a period of time, springs allow us to move things using spring physics, which gives the impression of a real thing moving and can appear more natural to users. I’ve written…

Creating CSS APIs without JavaScript With the datasette-css-properties plugin

January 7th, 2021

Simon Willison has a project called Datasette, an open-source multi-tool for exploring and publishing data. I’m not sure I’m qualified to explain it, but it’s like a tool to make handling data easier and doing more — through the web — with data you have. Like making that data queryable and giving it an API….

Win a Copy of Zell Liew’s Learn JavaScript Course

January 7th, 2021

Zell Liew is giving away 10 free copies of his Learn JavaScript course, and entering the giveaway is pretty easy: sign up for his newsletter. I’ve personally subscribed for some time now and all I get is an occasional hand-written email with useful JavaScript gems. It’s sort of like winning no matter if you get…