W3C News

On Auto-Generated Atomic CSS

January 15th, 2021

Robin Weser’s “The Shorthand-Longhand Problem in Atomic CSS” in an interesting journey through a tricky problem. The point is that when you take on the job of converting something HTML and CSS-like into actual HTML and CSS, there are edge cases that you’ll have to program yourself out of if you even can at all….

Building an Ethereum app using Redwood.js and Fauna

January 14th, 2021

With the recent climb of Bitcoin’s price over 20k $USD, and to it recently breaking 30k, I thought it’s worth taking a deep dive back into creating Ethereum applications. Ethereum, as you should know by now, is a public (meaning, open-to-everyone-without-restrictions) blockchain that functions as a distributed consensus and data processing network, with the data…

How to Make GraphQL and DynamoDB Play Nicely Together

January 14th, 2021

Serverless, GraphQL, and DynamoDB are a powerful combination for building websites. The first two are well-loved, but DynamoDB is often misunderstood or actively avoided. It’s often dismissed by folks who consider it only worth the effort “at scale.” That was my assumption, too, and I tried to stick with a SQL database for my serverless…

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….