Louis Hoebregts walks us through how they rendered a 3D globe on a 2D canvas.
Because as all the following animation steps were plain 2D, I couldn’t use a 3D renderer such as Three.js. And so I had to figure out how to render a 3D shape using only the Canvas 2D API.
Some really nice demos in there, such as this one:
Interesting real-world case-study over at Smashing Magazine:
In this article, we’ll take a close look at some of the changes we made on this very site — running on JAMStack with React — to optimize the web performance and improve the Core Web Vitals metrics. With some of the mistakes we’ve made, and some of the unexpected changes that helped boost all the metrics across the board.
The opening presentation from An Event Apart Online Together: Front-End Focus held online in August 2020
It’s a typical Jeremy Keith talk with many things mentioned, all converging to what he described before in his blog post Robustness and least power(and also covered in other talks). Definitely worth your time.
Hit the link for a full transcript, audio-only download, and the slides.
This message by Elaina Natario writing over at Thoughtbot cannot be repeated enough:
While both the alt attribute and the figcaption element provide a way to describe images, the way we write for them is different. alt descriptions should be functional; figcaption descriptions should be editorial or illustrative.
Examples of both functional and editorial descriptions in the full post!
Heydon is back with a new project named “Webbed Briefs”:
WEBBED BRIEFS are brief videos about the web, its technologies, and how to make the most of them. They’re packed with information, fun times™, and actual goats. Yes, it’s a vlog, but it isn’t on Youtube. Unthinkable!
The first video is entitled “What Is ARIA Even For?”, and indicates where this is headed: tons of information, fast paced, lots of mindfarts, and quite a lot of cursing …