View Transitions Applied: Smoothly animating a border-radius with a View Transition
Bramus Van Damme shows how you can work around potential issues with View Transitions using an example of the border-radius property. - https://www.bram.us/2025/03/11/view-transitions-border-radius
#css
Bramus Van Damme shows how you can work around potential issues with View Transitions using an example of the border-radius property. - https://www.bram.us/2025/03/11/view-transitions-border-radius
#css
Bram.us
View Transitions Applied: Smoothly animating a border-radius with a View Transition
To smoothly animate things like borders as part of a View Transition, you need to duplicate that animation onto the ::view-transition-group. For best effect, have the View Transition separately capture the background and foreground of the element you’re animating.
Node Modules Inspector
A tool that runs pnpm inside your browser, “installs” a package, then analyzes its dependencies. This can be useful for analyzing packages you already use, but also for simplifying your own projects - https://node-modules.dev/
#nodejs #tools
A tool that runs pnpm inside your browser, “installs” a package, then analyzes its dependencies. This can be useful for analyzing packages you already use, but also for simplifying your own projects - https://node-modules.dev/
#nodejs #tools
node-modules.dev
Node Modules Inspector
Visualize your node_modules, inspect dependencies, and more.
What’s New in Angular 19: Standalone Components, Enhanced Signals, and More
Angular 19 is here, packed with exciting updates that simplify development, enhance performance, and improve functionality. Whether you’re an Angular veteran or just starting, this version has something for everyone. Let’s dive into the key features and see how Angular 19 can transform your development experience. - https://medium.com/@jamsheermoidu/whats-new-in-angular-19-standalone-components-enhanced-signals-and-more-9565d62df64a
#angular
Angular 19 is here, packed with exciting updates that simplify development, enhance performance, and improve functionality. Whether you’re an Angular veteran or just starting, this version has something for everyone. Let’s dive into the key features and see how Angular 19 can transform your development experience. - https://medium.com/@jamsheermoidu/whats-new-in-angular-19-standalone-components-enhanced-signals-and-more-9565d62df64a
#angular
Medium
What’s New in Angular 19: Standalone Components, Enhanced Signals, and More!
Standalone Components, Enhanced Signals, and More!
How The New York Times Migrated from Enzyme to React Testing Library
A thorough look at the technical challenges and strategies the NYT used to perform a piecemeal upgrade of its React testing approach without disrupting either end users or other developers. - https://open.nytimes.com/how-the-new-york-times-systematically-migrated-from-enzyme-into-react-testing-library-b3ea538d001c
#react
A thorough look at the technical challenges and strategies the NYT used to perform a piecemeal upgrade of its React testing approach without disrupting either end users or other developers. - https://open.nytimes.com/how-the-new-york-times-systematically-migrated-from-enzyme-into-react-testing-library-b3ea538d001c
#react
NY Times
How The New York Times systematically migrated from Enzyme into React Testing Library
How we navigated the shift from Enzyme to React Testing Library at The New York Times.
Composable Design Patterns in Vue
In this article, cover seven different patterns on writing better composables. - https://michaelnthiessen.com/composable-patterns-in-vue
#vue
In this article, cover seven different patterns on writing better composables. - https://michaelnthiessen.com/composable-patterns-in-vue
#vue
Michaelnthiessen
Composable Design Patterns in Vue
Learn how to write better composables in Vue. Use these seven patterns to manage state, logic, configuration, and input flexibility.
A Deep Dive into the Inline Background Overlap Problem
Ana Tudor explains how to get a semitransparent background following some inline text with padding without the overlap problem. - https://frontendmasters.com/blog/overlapping-inline-backgrounds
#css
Ana Tudor explains how to get a semitransparent background following some inline text with padding without the overlap problem. - https://frontendmasters.com/blog/overlapping-inline-backgrounds
#css
Frontend Masters
A Deep Dive into the Inline Background Overlap Problem
A tweet by Lucas Bonomi got me thinking about this problem: how to get a semitransparent background following some inline text with padding, but without the overlap problem that can be seen in the image below.
Node Added TypeScript Support, But What Does That Mean for Deno?
The Deno team, learning from previous experiences with Node, went ‘all in’ with TypeScript from day one. Now, Node can work with TypeScript too, but the experience is still very different, and the Deno team explains how here. - https://deno.com/blog/typescript-in-node-vs-deno
#nodejs
The Deno team, learning from previous experiences with Node, went ‘all in’ with TypeScript from day one. Now, Node can work with TypeScript too, but the experience is still very different, and the Deno team explains how here. - https://deno.com/blog/typescript-in-node-vs-deno
#nodejs
Deno
Node just added TypeScript support. What does that mean for Deno? | Deno
Node's experimental TypeScript support will be stabilized in 23.6. Here's what Node's TypeScript integration looks like and how it compares to Deno.
Almost Perfect tsconfig.json Options for Your Angular Projects
Learn how to optimize your tsconfig.json for Angular projects. This step-by-step guide includes the latest options, best practices, bonus tips, and code examples.- https://medium.com/@sehban.alam/almost-perfect-tsconfig-json-options-for-your-angular-projects-5bec056f23d8
#angular
Learn how to optimize your tsconfig.json for Angular projects. This step-by-step guide includes the latest options, best practices, bonus tips, and code examples.- https://medium.com/@sehban.alam/almost-perfect-tsconfig-json-options-for-your-angular-projects-5bec056f23d8
#angular
Medium
Almost Perfect tsconfig.json Options for Your Angular Projects
A Complete Step-by-Step Guide to Perfecting Your Angular Configuration with Best Practices and Code Examples
How to Set Up a Vue 3 Frontend, Node.js API, and a High-Performance WebSocket Server in Docker
Setting up a modern front-end, managing APIs, and enabling real-time updates with WebSockets can quickly become overwhelming. In this article, we’ll guide you through creating a streamlined, containerized setup using Vue.js 3 for the front-end, a Node.js API server, and a high-performance WebSocket server powered by uWebSockets.js. - https://blog.dailysandbox.pro/how-to-set-up-a-vue-3-frontend-node-js-api-and-a-high-performance-websocket-server-in-docker/
#vue
Setting up a modern front-end, managing APIs, and enabling real-time updates with WebSockets can quickly become overwhelming. In this article, we’ll guide you through creating a streamlined, containerized setup using Vue.js 3 for the front-end, a Node.js API server, and a high-performance WebSocket server powered by uWebSockets.js. - https://blog.dailysandbox.pro/how-to-set-up-a-vue-3-frontend-node-js-api-and-a-high-performance-websocket-server-in-docker/
#vue
Daily Sandbox Blog
How to Set Up a Vue 3 Frontend, Node.js API, and a High-Performance WebSocket Server in Docker
Let’s face it: modern web development can feel a bit like trying to juggle flaming torches while riding a unicycle. Between setting up your front-end, managing APIs, and ensuring real-time updates through WebSockets, it’s easy to feel overwhelmed. But don’t…
Building APIs with Next.js
A detailed, official introduction to the concepts behind using Next.js’ App Router and route handlers to build public APIs you can expose to web, mobile, and third-party clients. - https://nextjs.org/blog/building-apis-with-nextjs
#react
A detailed, official introduction to the concepts behind using Next.js’ App Router and route handlers to build public APIs you can expose to web, mobile, and third-party clients. - https://nextjs.org/blog/building-apis-with-nextjs
#react
nextjs.org
Building APIs with Next.js
Learn about how to build APIs with Next.js.
Styling Counters in CSS
Juan Diego Rodríguez shows different approaches to style counters in CSS, going from the most basic ways to style lists directly in HTML to advanced customization techniques. - https://css-tricks.com/styling-counters-in-css
#css
Juan Diego Rodríguez shows different approaches to style counters in CSS, going from the most basic ways to style lists directly in HTML to advanced customization techniques. - https://css-tricks.com/styling-counters-in-css
#css
CSS-Tricks
Styling Counters in CSS | CSS-Tricks
Going from the most basic ways to style lists directly in HTML to advanced customization techniques that are even capable of making things that aren't lists look like lists.
System Design Interview Question: Design Spotify
High-level overview of a System Design Interview… - https://levelup.gitconnected.com/system-design-interview-question-design-spotify-4a8a79697dda
#system #design
High-level overview of a System Design Interview… - https://levelup.gitconnected.com/system-design-interview-question-design-spotify-4a8a79697dda
#system #design
Medium
System Design Interview Question: Design Spotify
High-level overview of a System Design Interview Question - Design Spotify.
Hash-based CSP in Angular: Boosting security with simple configuration
Cross-site scripting (XSS) has always been a… - https://medium.com/javascript-everyday/hash-based-csp-in-angular-boosting-security-with-simple-configuration-98bf0308322a
#angular
Cross-site scripting (XSS) has always been a… - https://medium.com/javascript-everyday/hash-based-csp-in-angular-boosting-security-with-simple-configuration-98bf0308322a
#angular
Medium
Hash-based CSP in Angular: Boosting security with simple configuration
Cross-site scripting (XSS) has always been a significant concern for web developers. Escaping and sanitization are well-known techniques to…
Layers: The Composition API Moment for Nuxt
Discover how the Composition API revolutionized Vue development, transforming how we write, organize, and share reactive logic. Learn how Nuxt's 'layers' feature follows a similar path, enhancing flexibility, reusability, and project structure. - https://masteringnuxt.com/blog/layers-the-composition-api-moment-for-nuxt
#vue
Discover how the Composition API revolutionized Vue development, transforming how we write, organize, and share reactive logic. Learn how Nuxt's 'layers' feature follows a similar path, enhancing flexibility, reusability, and project structure. - https://masteringnuxt.com/blog/layers-the-composition-api-moment-for-nuxt
#vue
Masteringnuxt
Layers: The Composition API Moment for Nuxt
Discover how the Composition API revolutionized Vue development, transforming how we write, organize, and share reactive logic. Learn how Nuxt's 'layers' feature follows a similar path, enhancing flexibility, reusability, and project structure.
Updates on CVE for End-of-Life Versions
Back in January, the Node.js project decided to issue CVEs for end-of-life versions of Node to warn people of the security impacts of using old versions of Node. This didn’t go down well and so the Node project has a new plan going forward. - https://nodejs.org/en/blog/vulnerability/updates-cve-for-end-of-life
#nodejs
Back in January, the Node.js project decided to issue CVEs for end-of-life versions of Node to warn people of the security impacts of using old versions of Node. This didn’t go down well and so the Node project has a new plan going forward. - https://nodejs.org/en/blog/vulnerability/updates-cve-for-end-of-life
#nodejs
nodejs.org
Node.js — Updates on CVE for End-of-Life Versions
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
Reducing CSS complexity with the :is() pseudo-class
Chris Ferdinandi shows you how :is() pseudo-class can dramatically reduce selector complexity. - https://gomakethings.com/reducing-css-complexity-with-the-is-pseudo-class
#css
Chris Ferdinandi shows you how :is() pseudo-class can dramatically reduce selector complexity. - https://gomakethings.com/reducing-css-complexity-with-the-is-pseudo-class
#css
Gomakethings
Reducing CSS complexity with the :is() pseudo-class
Last week, I finally had a reason to use the newish :is() CSS pseudo-class, and wow is it glorious!
Today, I want to show you how it can dramatically reduce selector complexity. Let’s dig in!
What :is() does The :is() pseudo-class accepts a comma-separated…
Today, I want to show you how it can dramatically reduce selector complexity. Let’s dig in!
What :is() does The :is() pseudo-class accepts a comma-separated…
The URL is a Great Place to Store State in React
This is a surprisingly contentious idea and certainly suits some use cases more than others but, the author argues, “Sometimes, the best place to store state is right in the URL.” - https://iamsahaj.xyz/blog/react-state-in-the-url/
#react
This is a surprisingly contentious idea and certainly suits some use cases more than others but, the author argues, “Sometimes, the best place to store state is right in the URL.” - https://iamsahaj.xyz/blog/react-state-in-the-url/
#react
iamsahaj.xyz
The URL is a great place to store state in React
Why it's a good idea to use the URL to store state
Supercharge Angular: Advanced Techniques for Lightning-Fast Rendering and Optimization
Angular's Incremental DOM is a game-changer for rendering optimization. It's all about smart updates and minimal DOM operations. Let's dig into some advanced techniques to supercharge your Angular apps. - https://dev.to/aaravjoshi/supercharge-angular-advanced-techniques-for-lightning-fast-rendering-and-optimization-c2e
#angular
Angular's Incremental DOM is a game-changer for rendering optimization. It's all about smart updates and minimal DOM operations. Let's dig into some advanced techniques to supercharge your Angular apps. - https://dev.to/aaravjoshi/supercharge-angular-advanced-techniques-for-lightning-fast-rendering-and-optimization-c2e
#angular
DEV Community
Supercharge Angular: Advanced Techniques for Lightning-Fast Rendering and Optimization
Optimize Angular rendering with Incremental DOM: Change detection strategies, trackBy, custom directives, and more for faster, efficient apps. Boost performance now!
Unlock the Power of PrimeVue: A Comprehensive UI Solution for Vue.js Developers
Looking for a robust and Comprehensive UI solution for your Vue.js apps. This article will provide insights into PrimeVue and why its an excellent solution for building amazing interfaces for your web applications - https://vuejsdevelopers.com/2024/12/18/unlock-the-power-of-pimevue-a-comprehensive-ui-solution/
#vue
Looking for a robust and Comprehensive UI solution for your Vue.js apps. This article will provide insights into PrimeVue and why its an excellent solution for building amazing interfaces for your web applications - https://vuejsdevelopers.com/2024/12/18/unlock-the-power-of-pimevue-a-comprehensive-ui-solution/
#vue
Unlock the Power of PrimeVue: A Comprehensive UI Solution for Vue.js Developers
Looking for a robust and Comprehensive UI solution for your Vue.js apps. This article will provide insights into PrimeVue and why its an excellent solution.
Seven Best Practices of File Uploads with JavaScript - https://storagebowl.net/blogs/best-practices-of-file-upload
#nodejs
#nodejs
storagebowl.net
7 Best Practices of File Upload With JavaScript
A storage option for 21st century