Quick & Easy Theme Transitions
Kevin Powell shows how to spice up your site with quick & easy theme transitions. - https://www.youtube.com/watch?v=f_aqzyIDudI
#css
Kevin Powell shows how to spice up your site with quick & easy theme transitions. - https://www.youtube.com/watch?v=f_aqzyIDudI
#css
YouTube
Quick & Easy Theme Transitions
🔗 Links
✅ https://kevinpowell.co/courses
✅ More in-depth video on single page view transitions: https://youtu.be/jZiZs8cZAKU
✅ Learn about cross-document view transitions: https://youtu.be/quvE1uu1f_I
✅ The final code from this video: https://codepen.io/…
✅ https://kevinpowell.co/courses
✅ More in-depth video on single page view transitions: https://youtu.be/jZiZs8cZAKU
✅ Learn about cross-document view transitions: https://youtu.be/quvE1uu1f_I
✅ The final code from this video: https://codepen.io/…
❤1👍1
Optimizing PWAs for Different Display Modes - https://www.smashingmagazine.com/2025/08/optimizing-pwas-different-display-modes/
#react
#react
Smashing Magazine
Optimizing PWAs For Different Display Modes — Smashing Magazine
Progressive Web Apps (PWAs) are a great way to make apps built for the web feel native, but in moving away from a browser environment, we can introduce usability issues. This article covers how we can modify our app depending on what display mode is applied…
👍1
How to create a clean architecture Angular app (in 5 minutes)
Today I’m going to show you 3 steps to create an… - https://readmedium.com/how-to-create-a-clean-architecture-angular-app-in-5-minutes-84a42e8af23c
#angular
Today I’m going to show you 3 steps to create an… - https://readmedium.com/how-to-create-a-clean-architecture-angular-app-in-5-minutes-84a42e8af23c
#angular
Readmedium
How to create a clean architecture Angular app (in 5 minutes)
Today I’m going to show you 3 steps to create an Angular app with an amazing clean architecture.
👍1
Nuxt’s Data Layer Has Been Rewritten: 5 New Features You Need to Know
Discover the completely rewritten data fetching layer in Nuxt 3.17 featuring reactive keys, deduped watch calls, shared refs, granular caching, and improved developer experience.
Learn how these performance enhancements make useAsyncData more powerful for your Vue applications. - https://masteringnuxt.com/blog/nuxts-data-layer-has-been-rewritten-5-new-features-you-need-to-know
#vue
Discover the completely rewritten data fetching layer in Nuxt 3.17 featuring reactive keys, deduped watch calls, shared refs, granular caching, and improved developer experience.
Learn how these performance enhancements make useAsyncData more powerful for your Vue applications. - https://masteringnuxt.com/blog/nuxts-data-layer-has-been-rewritten-5-new-features-you-need-to-know
#vue
Masteringnuxt
Nuxt’s Data Layer Has Been Rewritten: 5 New Features You Need to Know
Discover the completely rewritten data fetching layer in Nuxt 3.17 featuring reactive keys, deduped watch calls, shared refs, granular caching, and improved developer experience. Learn how these performance enhancements make useAsyncData more powerful for…
❤2👍1
Sidequest.js: A New Scalable Job Execution Option for Node
A modern, scalable background job processor for Node apps that includes a Web-based dashboard, the ability to support multiple backends out of the box, and TS-first ergonomics. - https://sidequestjs.com/posts/intro-to-sidequest/
#nodejs
A modern, scalable background job processor for Node apps that includes a Web-based dashboard, the ability to support multiple backends out of the box, and TS-first ergonomics. - https://sidequestjs.com/posts/intro-to-sidequest/
#nodejs
👍3
React Server Components Support Without a Framework?
If you don’t want to use Next.js (or even the minimal Waku framework) but you want to play with React Server Components, this is for you. Krasimir built a tool to split code across the client/server divide so you can run RSCs without a framework. - https://krasimirtsonev.com/blog/article/vanilla-react-server-components-with-no-framework
#react
If you don’t want to use Next.js (or even the minimal Waku framework) but you want to play with React Server Components, this is for you. Krasimir built a tool to split code across the client/server divide so you can run RSCs without a framework. - https://krasimirtsonev.com/blog/article/vanilla-react-server-components-with-no-framework
#react
krasimirtsonev.com
React Server Components support without a framework
React Server Components support without a framework / I was at ReactSummit this June and spoke with some folks from Vercel about Next.js and RSC support outside of the framework. I really wanted to try all the cool stuff but couldn’t afford to migrate my…
👍1
Designing for User Font-size and Zoom
Miriam Suzanne explores different ways to interact with a user’s preferred font size using modern CSS units and math functions. - https://www.oddbird.net/2025/07/22/size-preferences
#css
Miriam Suzanne explores different ways to interact with a user’s preferred font size using modern CSS units and math functions. - https://www.oddbird.net/2025/07/22/size-preferences
#css
OddBird
Designing for User Font-size and Zoom
Using modern CSS units and math functions
👍1
Angular 19: Transforming HTTP API Calls with Signals and Resources
Modern Angular development continues to evolve with… - https://balramchavan.medium.com/angular-19-transforming-http-api-calls-with-signals-and-resources-ce09c8ba4af1
#angular
Modern Angular development continues to evolve with… - https://balramchavan.medium.com/angular-19-transforming-http-api-calls-with-signals-and-resources-ce09c8ba4af1
#angular
Medium
Angular 19: Transforming HTTP API Calls with Signals and Resources
Modern Angular development continues to evolve with each version, bringing new features and paradigms that enhance developer experience and…
👍2
Understanding Flame Graphs in Node.js - https://nodesource.com/blog/understanding-flame-graphs-in-nodejs
#nodejs
#nodejs
The NodeSource Blog - Node.js Tutorials, Guides, and Updates
Understanding Flame Graphs in Node.js (and How AI Makes Them Easier with N|Solid)
Flame graphs are one of the most powerful tools for understanding performance bottlenecks, but they can also be one of the hardest to read.
👍3
How to access DOM elements with useTemplateRef
The useTemplateRef composable is a much better way to access DOM elements than the old way with refs.
Here's how to use it. - https://michaelnthiessen.com/how-to-access-dom-elements-with-usetemplateref
#vue
The useTemplateRef composable is a much better way to access DOM elements than the old way with refs.
Here's how to use it. - https://michaelnthiessen.com/how-to-access-dom-elements-with-usetemplateref
#vue
Michaelnthiessen
How to access DOM elements with useTemplateRef
The useTemplateRef composable is a much better way to access DOM elements than the old way with refs. Here's how to use it.
❤3
Microservices Architecture: Principles, Patterns, and Challenges for Scalable…
Discover the principles, patterns, and challenges of… - https://medium.com/@erickzanetti/microservices-architecture-principles-patterns-and-challenges-for-scalable-systems-9eac65b97b21
#architecture
Discover the principles, patterns, and challenges of… - https://medium.com/@erickzanetti/microservices-architecture-principles-patterns-and-challenges-for-scalable-systems-9eac65b97b21
#architecture
Medium
Microservices Architecture: Principles, Patterns, and Challenges for Scalable Systems
Discover the principles, patterns, and challenges of microservices architecture and how to apply them to build scalable and resilient…
👍1
The CSS if() function: Conditional styling will never be the same
Ikeh Akinyemi investigates how the if() function works, shares some practical examples, and compares it to existing CSS conditional techniques. - https://blog.logrocket.com/css-if-function-conditional-styling
#css
Ikeh Akinyemi investigates how the if() function works, shares some practical examples, and compares it to existing CSS conditional techniques. - https://blog.logrocket.com/css-if-function-conditional-styling
#css
LogRocket Blog
The CSS if() function: Conditional styling will never be the same - LogRocket Blog
Explore how the if() function works, see practical examples, and compare it to existing CSS conditional techniques.
❤1👍1
react-window 2.0: Render Large Lists of Data Quickly
A component library for rendering large lists of data quickly and without the performance problems that often go along with that. There are several examples to check out, and React 18 is now required. - https://react-window.vercel.app/
#react
A component library for rendering large lists of data quickly and without the performance problems that often go along with that. There are several examples to check out, and React 18 is now required. - https://react-window.vercel.app/
#react
react-window.vercel.app
react-window: React components for rendering large lists and grids
Documentation for react-window.
react-window is a set of React components for rendering large lists and grids.
This website contains demos and code samples showing how to use the library.
react-window is a set of React components for rendering large lists and grids.
This website contains demos and code samples showing how to use the library.
👍1
Angular Performance Optimization Techniques You Haven’t Tried Yet
When I first started working with Angular five years… - https://blog.cubed.run/angular-performance-optimization-techniques-you-havent-tried-yet-6d8d35359bbe
#angular
When I first started working with Angular five years… - https://blog.cubed.run/angular-performance-optimization-techniques-you-havent-tried-yet-6d8d35359bbe
#angular
Medium
Angular Performance Optimization Techniques You Haven’t Tried Yet
When I first started working with Angular five years ago, I was immediately drawn to its robust architecture and comprehensive tooling…
👍1
Render functions in Vue
In this article, you'll explore what render functions are, when to use them, and how to write them using both the traditional h() function and the newer JSX syntax. - https://dev.to/jacobandrewsky/render-functions-in-vue-4a2g
#vue
In this article, you'll explore what render functions are, when to use them, and how to write them using both the traditional h() function and the newer JSX syntax. - https://dev.to/jacobandrewsky/render-functions-in-vue-4a2g
#vue
DEV Community
Render functions in Vue
While templates are the go-to method for building components in Vue, there are times when you need...
👍2❤1
How We Migrated Our Rush.js Monorepo to Node Type Stripping
Since v23.6 (and in LTS since v22.18.0), Node has supported running (most) TypeScript code by stripping the types out first. The Calm team was excited about the potential for improving productivity and DX, and set a migration in process. Here’s a look at the challenges encountered and what the end results were - https://blog.calm.com/engineering/how-we-migrated-our-rushjs-monorepo-to-node-type-stripping
#nodejs
Since v23.6 (and in LTS since v22.18.0), Node has supported running (most) TypeScript code by stripping the types out first. The Calm team was excited about the potential for improving productivity and DX, and set a migration in process. Here’s a look at the challenges encountered and what the end results were - https://blog.calm.com/engineering/how-we-migrated-our-rushjs-monorepo-to-node-type-stripping
#nodejs
Calm Blog
How we migrated our Rush.js monorepo to Node type stripping — Calm Blog
A case study describing the business rationale, technical challenges, and impact of our migration to Node type stripping
❤1👍1
Using Activity with Suspenseful Data
Components hidden by React 19’s Activity will maintain their state while also unmounting their effects and continue to preload suspenseful data – here’s what makes that useful. - https://www.simeongriggs.dev/use-the-activity-boundary-to-hide-suspenseful-components
#react
Components hidden by React 19’s Activity will maintain their state while also unmounting their effects and continue to preload suspenseful data – here’s what makes that useful. - https://www.simeongriggs.dev/use-the-activity-boundary-to-hide-suspenseful-components
#react
www.simeongriggs.dev
Using Activity with Suspenseful data | simeonGriggs.dev
Components hidden by Activity will maintain their state while also unmounting their effects and continue to preload suspenseful data—here's what makes that useful.
👍1
Building Extensible Frontend Systems
Chris Ferdinandi shares some tips on building frontend systems—design systems, UI libraries, and so on—that can be easily extended for use cases and situations you didn’t plan for. - https://gomakethings.com/building-extensible-frontend-systems/
#css
Chris Ferdinandi shares some tips on building frontend systems—design systems, UI libraries, and so on—that can be easily extended for use cases and situations you didn’t plan for. - https://gomakethings.com/building-extensible-frontend-systems/
#css
gomakethings.com
Building extensible frontend systems
Today, I want to talk about how to build frontend systems—design systems, UI libraries, and so on—that can be easily extended for use cases and situations you didn’t plan for. Let’s dig in! tl;dr: Lots of “hooks” in the form of CSS variables, cascade layers…
👍2❤1⚡1
Installing Tailwind CSS v4 on Nuxt 3
In this article, you’ll learn how to install and configure Tailwind v4 in your Nuxt 3 project with a clear, step-by-step guide. - https://masteringnuxt.com/blog/installing-tailwind-css-v4-on-nuxt-3
#vue
In this article, you’ll learn how to install and configure Tailwind v4 in your Nuxt 3 project with a clear, step-by-step guide. - https://masteringnuxt.com/blog/installing-tailwind-css-v4-on-nuxt-3
#vue
Masteringnuxt
Installing Tailwind CSS v4 on Nuxt 3
Tailwind CSS v4 is here with a complete framework redesign, bringing enhanced performance and flexibility. In this article, you’ll learn how to install and configure Tailwind v4 in your Nuxt 3 project with a clear, step-by-step guide.
👍3❤2
Speeding Up the JavaScript Ecosystem: Semver
The latest in Marvin’s multi-year series of posts on optimizing heavily used parts of the JavaScript ecosystem: “During the installation process, package managers run a bunch of semver comparisons. The semver library used in npm, yarn and pnpm can be made around 33x faster.” - https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-12/
#nodejs
The latest in Marvin’s multi-year series of posts on optimizing heavily used parts of the JavaScript ecosystem: “During the installation process, package managers run a bunch of semver comparisons. The semver library used in npm, yarn and pnpm can be made around 33x faster.” - https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-12/
#nodejs
marvinh.dev
Speeding up the JavaScript ecosystem - Semver
During the installation process, package managers run a bunch of semver comparisons. The semver library used in npm, yarn and pnpm can be made around 33x faster.
👍1