✅ Astro 5.0

With Astro Content Layer to load your content from any source, and Server Islands to combine cached, static content with dynamic, personalized content.

Link to the release

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

✅ Onlook: An Open-Source 'Figma'-Style Design App for React

A new open source, local-first Figma style design app (for Windows, Linux and macOS) that targets React use cases. You can design layouts directly on a live page and instantly write your changes to code. Early days but looks very promising.

Link to the tool

#tool #release

#react #js #figma #design #frontend

✅ 👩‍💻 👩‍💻 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