Creating Blob Shapes using clip-path: shape()
Temani Afif shows how to create blob shapes using the new shape() function. - https://frontendmasters.com/blog/creating-blob-shapes-using-clip-path-shape
#css
Temani Afif shows how to create blob shapes using the new shape() function. - https://frontendmasters.com/blog/creating-blob-shapes-using-clip-path-shape
#css
Frontend Masters
Creating Blob Shapes using clip-path: shape()
After the flower shapes, let’s move to one of the coolest shapes: the Blob! Those distorted wiggly circles that were almost impossible to achieve using CSS. But now, they are possible using the new shape() function.
Real-Time Data Processing with Node.js, TypeScript, and Apache Kafka
Imagine orchestrating a symphony where each instrument… - https://readmedium.com/real-time-data-processing-with-node-js-typescript-and-apache-kafka-24a53f887326
#nodejs
Imagine orchestrating a symphony where each instrument… - https://readmedium.com/real-time-data-processing-with-node-js-typescript-and-apache-kafka-24a53f887326
#nodejs
Readmedium
Real-Time Data Processing with Node.js, TypeScript, and Apache Kafka
Imagine orchestrating a symphony where each instrument plays in perfect harmony, even though they’re scattered across the globe. Sounds…
Angular 20 – What’s New
Angular 20 has just been released, introducing brand-new APIs, developer-experience enhancements, improved type checking, better CLI diagnostics, and the stabilization of features from earlier Angular versions. - https://angular.love/angular-20-whats-new
#angular
Angular 20 has just been released, introducing brand-new APIs, developer-experience enhancements, improved type checking, better CLI diagnostics, and the stabilization of features from earlier Angular versions. - https://angular.love/angular-20-whats-new
#angular
Angular.love
Angular 20 - What’s New - Angular.love
Angular.love - a place for all Angular enthusiasts created to inspire and educate.
Standard Schema: A Common Interface to Schema / Validation Libraries
From the creators of Zod, Valibot and ArkType comes a fantastic bit of collaboration to define a common interface to use JavaScript and TypeScript schema libraries. - https://standardschema.dev/
#javascript
From the creators of Zod, Valibot and ArkType comes a fantastic bit of collaboration to define a common interface to use JavaScript and TypeScript schema libraries. - https://standardschema.dev/
#javascript
Standard Schema
A common interface for TypeScript validation libraries
A Simple Way to Add Google Sign-in to a Next.js App - https://tomdekan.com/articles/google-sign-in-nextjs
#react
#react
Tomdekan
The simplest way to add Google sign-in to your Next.js app ✍️ - Tom Dekan
Avoid the ongoing costs of a managed service. It's easier to set up Google sign-in with your own database and BetterAuth.
Understanding the Vue 3 Composition API
In this guide, Jakub breaks down the key concepts of the Composition API and show you how to use it effectively in your Vue 3 applications. - https://dev.to/jacobandrewsky/understanding-the-vue-3-composition-api-fa2
#vue
In this guide, Jakub breaks down the key concepts of the Composition API and show you how to use it effectively in your Vue 3 applications. - https://dev.to/jacobandrewsky/understanding-the-vue-3-composition-api-fa2
#vue
DEV Community
Understanding the Vue 3 Composition API
The Vue 3 Composition API introduces a powerful new way to structure and organize code, giving...
8 TailwindCSS Classes I Wish I Found Earlier
TailwindCSS is known for its straightforward approach to styling, but this guide takes you beyond the basics, revealing some hidden gems that can take your projects to the next level. From improving accessibility with sr-only to adding flair with advanced gradient techniques, you'll learn 8 classes you wish you knew sooner! - https://www.youtube.com/watch?v=mjL_vrNo1fQ
#tailwind
TailwindCSS is known for its straightforward approach to styling, but this guide takes you beyond the basics, revealing some hidden gems that can take your projects to the next level. From improving accessibility with sr-only to adding flair with advanced gradient techniques, you'll learn 8 classes you wish you knew sooner! - https://www.youtube.com/watch?v=mjL_vrNo1fQ
#tailwind
YouTube
8 TailwindCSS Classes I Wish I Found Earlier
Animated UI components for React, Tailwind CSS, Framer Motion & More ✨ https://www.hover.dev
TailwindCSS is an amazing tool, and one of the best parts is it's easy learning curve. Type in a style with a tailwind intellisense extension installed, and you'll…
TailwindCSS is an amazing tool, and one of the best parts is it's easy learning curve. Type in a style with a tailwind intellisense extension installed, and you'll…
Styling the icon for HTML date and time types
Cassidy Williams shows how to style the icon for the clock or calendar of input types using ::-webkit-calendar-picker-indicator pseudo-class. - https://cassidoo.co/post/input-type-date
#css
Cassidy Williams shows how to style the icon for the clock or calendar of input types using ::-webkit-calendar-picker-indicator pseudo-class. - https://cassidoo.co/post/input-type-date
#css
cassidoo.co
Styling the icon for HTML date and time types
If you want a custom-styled icon for HTML date/time types, there's some options for you.
Koa 3.0: The Expressive HTTP Middleware Framework
Koa first appeared over a decade ago as a ‘next-generation’ Web framework that shared some of the lineage (and team) of Express.js, but leaning on more modern JavaScript features and ideas of the time. While Express has been making a comeback recently, Koa has progressed too and offers a compelling alternative. - https://koajs.com/
#nodejs
Koa first appeared over a decade ago as a ‘next-generation’ Web framework that shared some of the lineage (and team) of Express.js, but leaning on more modern JavaScript features and ideas of the time. While Express has been making a comeback recently, Koa has progressed too and offers a compelling alternative. - https://koajs.com/
#nodejs
Rockpack 6.0: An Alternative React App Starter
A tool aiming to get React project setup time as low as possible, complete with server side rendering support, bundling, linting and testing. v6.0 updates everything for React 19. - https://alexsergey.github.io/rockpack/
#react
A tool aiming to get React project setup time as low as possible, complete with server side rendering support, bundling, linting and testing. v6.0 updates everything for React 19. - https://alexsergey.github.io/rockpack/
#react
alexsergey.github.io
Rockpack
Rockpack is a lightweight, zero-configuration solution for quickly setting up a React application with full support for Server-Side Rendering (SSR), bundling, linting, and testing.
Composable Design Patterns
Michael Thiessen has a new course where he shares 16 design patterns.
Learn the right techniques, principles, and patterns for crafting brilliant composables in Vue. - https://michaelnthiessen.com/composable-design-patterns
#vue
Michael Thiessen has a new course where he shares 16 design patterns.
Learn the right techniques, principles, and patterns for crafting brilliant composables in Vue. - https://michaelnthiessen.com/composable-design-patterns
#vue
Michaelnthiessen
Composable Design Patterns
Learn composable design patterns in Vue, and write more flexible and reusable code.
A WebAssembly Compiler That Fits in a Tweet
Or 192 bytes, if you prefer. This is a look into a fantastic little bit of JavaScript hacking that can compile arithmetic expressions into WebAssembly you can run very easily. You can learn a lot in so little time here. - https://wasmgroundup.com/blog/wasm-compiler-in-a-tweet/
#wasm
Or 192 bytes, if you prefer. This is a look into a fantastic little bit of JavaScript hacking that can compile arithmetic expressions into WebAssembly you can run very easily. You can learn a lot in so little time here. - https://wasmgroundup.com/blog/wasm-compiler-in-a-tweet/
#wasm
WebAssembly from the Ground Up
A WebAssembly compiler that fits in a tweet
Starting with a 192-byte one-liner that implements a Reverse Polish Notation arithmetic compiler, we'll work backward to transform it into readable JavaScript by removing one code golf trick at a time
First adventures in View Transitions
Ben Frain gives a nice introduction to View Transitions. - https://benfrain.com/first-adventures-in-view-transitions
#css
Ben Frain gives a nice introduction to View Transitions. - https://benfrain.com/first-adventures-in-view-transitions
#css
Ben Frain
First adventures in View Transitions
Until recently I had taken only the most cursory look at View Transitions. Now they are in Safari too, and therefore viable across multiple platforms, I wanted to understand them a little more and...
The Node.js Test CI Security Incident Explained
The Node.js project recently experienced a critical security incident with its test CI infrastructure. Attackers exploited a flaw in the Jenkins pipeline and this post goes into detail about how it came about and was resolved. - https://nodejs.org/en/blog/vulnerability/march-2025-ci-incident
#nodejs
The Node.js project recently experienced a critical security incident with its test CI infrastructure. Attackers exploited a flaw in the Jenkins pipeline and this post goes into detail about how it came about and was resolved. - https://nodejs.org/en/blog/vulnerability/march-2025-ci-incident
#nodejs
nodejs.org
Node.js — Node.js Test CI Security Incident
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
Top 5 Challenges Faced by Vue Developers: The State of Vue.js Survey 2025
Explore five key challenges in Vue.js based on the State of Vue.js Developer Survey 2025.
This article addresses common pain points with practical solutions to help you overcome them in your projects. - https://www.monterail.com/blog/vue-development-challenges-state-of-vue
#vue
Explore five key challenges in Vue.js based on the State of Vue.js Developer Survey 2025.
This article addresses common pain points with practical solutions to help you overcome them in your projects. - https://www.monterail.com/blog/vue-development-challenges-state-of-vue
#vue
Monterail
Top 5 Challenges Faced by Vue Developers: The State of Vue.js Survey 2025
Explore five key challenges in Vue.js based on the State of Vue.js Developer Survey 2025. This article addresses common pain points with practical solutions to help you overcome them in your projects.
Create custom Dynamic Components in Tailwind CSS using matchComponents Plugin Function
The tutorial walks you through crafting an avatar component that adapts to your theme's custom settings using the matchComponents plugin function. Creating plugins in Tailwind can be a very powerful technique and Shruti, as always, teaches you everything you need to know about this function. - https://www.youtube.com/watch?v=sxxUK0l8jKE
#tailwind
The tutorial walks you through crafting an avatar component that adapts to your theme's custom settings using the matchComponents plugin function. Creating plugins in Tailwind can be a very powerful technique and Shruti, as always, teaches you everything you need to know about this function. - https://www.youtube.com/watch?v=sxxUK0l8jKE
#tailwind
YouTube
Create custom Dynamic Components in Tailwind CSS using matchComponents Plugin Function
In Tailwind you can create your own components which are can vary slightly based on your custom key in the theme. Avatar is one such example for a dynamic component that you can create using the matchComponents plugin function in Tailwind configuration. You…
How Imports Work in RSC is an interesting post about JavaScript's module system generally, touching on how RSC extends it to span both server and client contexts. - https://overreacted.io/how-imports-work-in-rsc/
#react
#react
overreacted.io
How Imports Work in RSC — overreacted
A layered module system.
CSS Logical Properties
Chris Ferdinandi gives a short introduction to Logical CSS Properties. - https://gomakethings.com/css-logical-properties
#css
Chris Ferdinandi gives a short introduction to Logical CSS Properties. - https://gomakethings.com/css-logical-properties
#css
Gomakethings
CSS logical properties
Today, I wanted to talk about CSS logical properties, a newer (and arguably better) way to define properties that are directional in nature.
Let’s dig in!
The *-top, *-bottom, *-left, and *-right properties A lot of CSS properties—things like margin, padding…
Let’s dig in!
The *-top, *-bottom, *-left, and *-right properties A lot of CSS properties—things like margin, padding…
Retrieval-Augmented Generation (RAG) with Llama Stack and Node
Meta’s Llama Stack is a unified set of APIs for working with numerous parts of the modern LLM-powered stack, including RAG, as demonstrated here. - https://developers.redhat.com/articles/2025/04/30/retrieval-augmented-generation-llama-stack-and-nodejs
#nodejs
Meta’s Llama Stack is a unified set of APIs for working with numerous parts of the modern LLM-powered stack, including RAG, as demonstrated here. - https://developers.redhat.com/articles/2025/04/30/retrieval-augmented-generation-llama-stack-and-nodejs
#nodejs
Red Hat Developer
Retrieval-augmented generation with Llama Stack and Node.js | Red Hat Developer
With Llama Stack being released earlier this year, we decided to look at how to implement key aspects of an AI application with Node.js and Llama Stack. This post covers retrieval-augmented generation
Computing with Tuples in TypeScript
A way to bring objects of different types together but in a lighter way than keyed objects. - https://2ality.com/2025/01/typescript-tuples.html
#typescript
A way to bring objects of different types together but in a lighter way than keyed objects. - https://2ality.com/2025/01/typescript-tuples.html
#typescript
2Ality
Computing with tuple types in TypeScript
JavaScript’s Arrays are so flexible that TypeScript provides two different kinds of types for handling them: Array types for arbitrary-length sequences of values that all have the same type – e.g.: Array<string> Tuple types for fixed-length sequences of values…