✅ SolidStart 1.0: The Shape of Frameworks to Come?

SolidJS is a React-inspired declarative UI library but with a performance focus and templates compiled to real DOM nodes receiving direct DOM updates – no VDOM. SolidStart is a framework for building and deploying SolidJS apps with many compelling features right out of the box.

Link to the release

#js #solidjs

✅ Angular v18 Released

The large-scale framework got a big public revival last year with Angular 17 and its new homepage. Things continue to progress with experimental support for zoneless change detection and the new built-in control flow approach becoming stable.

Link to the release

#js #angular #release

✅ Creating Realistic Handwriting with p5.js

Amy wanted to programatically bring her (cursive) handwriting into some diagrams she was making and figured out how to make it happen with p5.js

Link to the article

#js #lib

✅ Snappy UI Optimization with useDeferredValue

A deep dive into the useDeferredValue hook using this respected educator’s own Shadow Palette Generator tool as a case study. Not just the edification is valuable — the tool itself is useful, too.

Link to the article

#react #js

✅ What UI Density Means and How to Design for It

A thoughtful look at how user interface density has changed over the past twenty or so years, defining what such a term means today, along with some thoughts on which approach we should be taking.

Link to the article

#design

✅ Vue Fluid DnD: An Animated Drag-and-Drop Library for Vue

Designed for lists of items and you can view a variety of examples here, including one where the items are draggable using handles.

Link to the lib

#vue #lib

✅We’ve Got Container Queries Now, But Are We Actually Using Them?

Posits that container query adoption isn’t particularly high, and then shares some reasons as to why that may be the case (beyond it just being new, and any potential browser support concerns).

Link to the article

#css #html

✅ contrast-color() is a Good Thing
But Also Solving the Problem at the Wrong Layer

On the other hand.. some considered thoughts on the new CSS contrast-color() function and how it may placing the effort in the ‘wrong’ place.

Link to the article

#css

✅ CSS Pattern: Fancy Backgrounds with CSS Gradients

A collection of nice background patterns, now 144 strong, made with just CSS.

Link to the collection

#css #tool

✅ On Compliance vs Readability: Generating Text Colors with CSS

Can we emulate the upcoming CSS contrast-color() function with features that have already widely shipped?

Link to the article

#css

✅ SSL for localhost takes 5 seconds now

Setting up SSL for localhost traditionally requires tedious manual configurations and repetitive steps. However, Ophiuchi simplifies the process by automatically generating certificates, updating the hosts file, providing an integrated web server, and ensuring instant trust. It saves time and allows developers to focus on building software.

Link to the article

#nginx #localhost #server #dev #ssl #domain

✅ Unit Testing in Nuxt

Unit tests are important to building robust applications. In this article explore test utils in Nuxt, what they do, different ways to opt in to a Nuxt testing environment in your unit tests and their accompanying helper functions.

Link to the article

#vue #nuxt #test

✅ Automatic File-Based Routing in Vue.js with TypeScript Support

Tired of manually configuring routes in your Vue.js application? As your project scales, managing routes in a separate JavaScript file can quickly become cumbersome and error-prone as your application grows.

This article introduces you to the exciting world of Automatic File-Based Routing in Vue.js using unplugin-vue-router.

Link to the article

#vue #typescript #router

✅ Next.js 15 Release Candidate

The popular React meta framework gets ready for a major new release with a RC giving you an opportunity to experiment with React 19 (and React Compiler) support, executing code after a response with next/after, and a few potentially breaking changes.

Link to the release

#next #react

✅ Releases

Knip 5.17.0 – Finds and removes unused files, dependencies and exports. Now with more.
PM2 5.4 – Popular Node.js-based process manager for production.
Melange 4.0 – OCaml compiler for JavaScript developers.
Neutralinojs 5.2 – Lightweight cross-platform desktop app framework.
Billboard.js 3.12 – The popular chart library gets funnel charts.
Peaks.js 3.4 – BBC-created audio waveform UI component.
Happy DOM 14.12 – JS implementation of a web browser sans UI.
Retire.js 5.0 – Scans for JS libraries with known vulnerabilities.
React Native Boilerplate 4.2 – A starter template for RN apps.
RE:DOM 4.1 – Tiny library for creating user interfaces.
AlaSQL.js 4.4 – Isomorphic JavaScript SQL database.
is-what 5.0 – Simple, small JS type check functions.
FxTS 1.0 – Functional programming library.

#js #release #tools

✅ Super CSS Mario

A slightly wobbly but CSS-only keyboard game in which Mario has to collect some coins whilst avoiding Goombas – the usual story. It’s a Chromium-only experiment, so won’t work in Firefox or Safari.

Link to the game (only Chromium)

#fun

✅ Old Dogs, New CSS Tricks?

We might be in the middle of a CSS renaissance, but with low uptake of many modern features, Max questions if 'feature fatigue' is setting in. He also considers what we can do to ensure uptake of these nice new features and how to fit them into our thought processes.

Link to the article

#css

✅ 10 Modern Node.js Runtime Features to Start Using in 2024

If it ever feels like the new feature spotlight shines too much on Bun or Deno, never fear - Node.js has been taking huge strides forward too. Liran looks at lots of what’s new.

Link to the article

#js #node