✅ 👩‍💻 👩‍💻 Frosted Glass from Games to the Web

A UI games developer (who worked on the Forza series) shares the process of translating in-game ‘frosted acrylic’ design elements to HTML. The end result is nice! backdrop-filter does the heavy lifting here.

Link to the article

#article
#frontend #glass #js #css

✅ Next.js 15.1: Now Officially Supporting React 19

As (almost) the de facto React framework, it’s no surprise a Next.js release quickly followed the React 19 announcement. As well as React 19 support, there are improvements for debugging errors (shown in this post), after() is now stable, and forbidden() and unauthorized() are two new experimental ways to trigger 403 and 401 errors.

Link to the release

#release
#react #frontend #nextjs #js

✅ 👩‍💻 👩‍💻 Creating a Pure CSS Halftone Effect in 3 Declarations

Creating a halftone effect in pure CSS using just a single div, no pseudos and just three properties. Talk about efficient (and visually striking, too).

Link to the article

#article
#css #html #frontend #background #js

✅ 👩‍💻 👩‍💻 CSS Wrapped 2024

A fun (pixel-art filled) exploration of the new additions to the web platform in 2024, including cross-document view-transitions, scroll-driven animations, anchor positioning, and more.

Link to the article

#article
#frontend #html #css #js

✅ Mastering SVG Arcs

Akshay shares his love of drawing in code, in turn demystifying how to use radii, rotation and arc direction to make intricate SVG designs.

Link to the article

#article
#svg #frontend #js #html

✅ The State of Node.js Performance in 2024

A thorough set of benchmarks covering recent performance advancements made in Node.js. The improvements between Node 18 and 20 up to version 22 might surprise you - it’s clear the team has put a lot of work into this area.

Link to the article

#article
#js #nodejs

✅ Astro 5.1

Astro 5.1 is now available! Delivered just in time for the holidays, the first minor release of the Astro 5 era includes a new experimental sessions feature, improved caching for images, and extra tools for working with Astro Actions.

Link to the release

#release
#astro #frontend #vue #react #static

🏆 The State of JavaScript 2024 Results

The annual State of JavaScript survey recently took place, and the results are now available. 14,015 folks took part and we get to see what language features folks are using, experiences with popular libraries, build tool popularity, AI preferences, popular podcasts, runtime usage, and perhaps controversially, how more JavaScript developers are using TypeScript than not. There’s a lot to dig through here.

Link to the results

#stateofjs
#frontend #backend #js #ts #libs