Highlight Text When a User Scrolls Down to That Piece of Text
Chris Coyier shows how to highlight a line of text once you scroll to it using only CSS. - https://frontendmasters.com/blog/highlight-text-when-a-user-scrolls-down-to-that-piece-of-text
#css
Chris Coyier shows how to highlight a line of text once you scroll to it using only CSS. - https://frontendmasters.com/blog/highlight-text-when-a-user-scrolls-down-to-that-piece-of-text
#css
Frontend Masters
Highlight Text When a User Scrolls Down to That Piece of Text
I was reading a great post on Lene Saile’s blog and noticed a cool little design feature on her site that highlights a line of text once you scroll to it. Here’s a video so you can see what I mean:
👍4
Why Signals Are Better Than React Hooks
When Preact’s Marvin Hagemeister pops up in the comments saying “this is by far the best video about signals and why they are so exciting. I love the way you demonstrate it by coding along and moving an app over to signals,” it should bump a video up to the top of the Watch Later playlist. - https://www.youtube.com/watch?v=SO8lBVWF2Y8
#react
When Preact’s Marvin Hagemeister pops up in the comments saying “this is by far the best video about signals and why they are so exciting. I love the way you demonstrate it by coding along and moving an app over to signals,” it should bump a video up to the top of the Watch Later playlist. - https://www.youtube.com/watch?v=SO8lBVWF2Y8
#react
YouTube
Why Signals Are Better Than React Hooks
Hooks in React are tricky to use correctly and even harder to use in a performant way. This has left many applications with poor code quality and bad performance, but that doesn’t have to be the case anymore. Signals is a technique that has been around for…
👍4
A Next.js App Router Migration: The Good, Bad, and Ugly
A team rebuilt their main dashboard from scratch using a modern Next.js approach and here’s some of what they encountered, good and bad, before concluding that they wish they’d considered Remix instead. - https://www.flightcontrol.dev/blog/nextjs-app-router-migration-the-good-bad-and-ugly
#react
A team rebuilt their main dashboard from scratch using a modern Next.js approach and here’s some of what they encountered, good and bad, before concluding that they wish they’d considered Remix instead. - https://www.flightcontrol.dev/blog/nextjs-app-router-migration-the-good-bad-and-ugly
#react
Flightcontrol
Next.js App Router migration: the good, bad, and ugly
We rebuilt the Flightcontrol dashboard with Next.js App Router and this post shares the good and bad experiences from it.
👍4🔥1
Create an animated Vue 3 component when scrolling into view
These days animation is used a lot in websites, especially animations that appear when you scroll an element into. view. In this article, the author explore some 2 techniques to achieving this in Vue.js. - https://michael-verschoof.medium.com/create-an-animated-vue-3-component-when-scrolling-into-view-f8e793e221c8
#vue
These days animation is used a lot in websites, especially animations that appear when you scroll an element into. view. In this article, the author explore some 2 techniques to achieving this in Vue.js. - https://michael-verschoof.medium.com/create-an-animated-vue-3-component-when-scrolling-into-view-f8e793e221c8
#vue
Medium
Create an animated Vue 3 component when scrolling into view
Using Vue’s transition component and the IntersectionObserver
👍4
Microservices with CQRS and Event Sourcing in TypeScript with NestJS
Microservices with CQRS and Event Sourcing is an architecture that has gained a lot of popularity in recent… - https://blog.bitsrc.io/microservices-with-cqrs-and-event-sourcing-in-typescript-with-nestjs-831fba1e068b
#nodejs
Microservices with CQRS and Event Sourcing is an architecture that has gained a lot of popularity in recent… - https://blog.bitsrc.io/microservices-with-cqrs-and-event-sourcing-in-typescript-with-nestjs-831fba1e068b
#nodejs
Medium
Microservices with CQRS and Event Sourcing in TypeScript with NestJS
Microservices with CQRS and Event Sourcing is an architecture that has gained a lot of popularity in recent years. In this article, we…
👍4
Build an off-canvas menu with
Mark Conroy demonstrates how to create an accessible off-canvas menu using web components and the - https://blog.logrocket.com/build-off-canvas-menu-web-components
#css
Mark Conroy demonstrates how to create an accessible off-canvas menu using web components and the - https://blog.logrocket.com/build-off-canvas-menu-web-components
#css
LogRocket Blog
Build an off-canvas menu with <dialog> and web components - LogRocket Blog
Build an off-canvas menu using web components and HTML’s element to enhance user experience and accessibility.
❤4👍1
Create configurable Angular Guards
When building web application, from time to time we have to protect routes from unauthorized access. In… - https://itnext.io/create-configurable-angular-guards-11800f84d90a
#angular
When building web application, from time to time we have to protect routes from unauthorized access. In… - https://itnext.io/create-configurable-angular-guards-11800f84d90a
#angular
Medium
Create configurable Angular Guards
When building web application, from time to time we have to protect routes from unauthorized access. In Angular, we can do this by using…
👍3
Best Books for Software Engineering Leaders
Being a Software Engineer these days is extremely challenging — technology is moving faster than ever and… - https://levelup.gitconnected.com/best-books-for-software-engineering-leaders-221be3d5b2b
#books
Being a Software Engineer these days is extremely challenging — technology is moving faster than ever and… - https://levelup.gitconnected.com/best-books-for-software-engineering-leaders-221be3d5b2b
#books
Medium
Best Books for Software Engineering Leaders
Being a Software Engineer these days is extremely challenging — technology is moving faster than ever and sometimes it can be a struggle…
👍9❤3
Node Community Debates Enabling Corepack by Default
Node developers are wrestling with the decision to enable Corepack (a tool for managing package managers) by default, which has sparked a debate about the possibility of even removing npm from the Node.js binary. - https://socket.dev/blog/node-community-debates-enabling-corepack-unbundling-npm
#nodejs
Node developers are wrestling with the decision to enable Corepack (a tool for managing package managers) by default, which has sparked a debate about the possibility of even removing npm from the Node.js binary. - https://socket.dev/blog/node-community-debates-enabling-corepack-unbundling-npm
#nodejs
Socket
Node.js Community Debate Intensifies Over Enabling Corepack ...
The Node community is wrestling with the decision to enable Corepack by default, which has sparked a debate about the potential of removing npm from t...
👍2❤1🥰1
React Interview Questions and Answers
If you’re looking for a job and preparing for interviews, or if you just want to revise your overall knowledge, you might find this long standing resource useful, even if it just gives you some areas to research - https://github.com/sudheerj/reactjs-interview-questions
#react
If you’re looking for a job and preparing for interviews, or if you just want to revise your overall knowledge, you might find this long standing resource useful, even if it just gives you some areas to research - https://github.com/sudheerj/reactjs-interview-questions
#react
GitHub
GitHub - sudheerj/reactjs-interview-questions: List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions…
List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!! - sudheerj/reactjs-interview-questions
👍3🔥2👏1
Difference Between UseCases In Watcher And Computed In Vue 3
In Vue 3, both computed properties and watchers allow you to react to changes in reactive data, but they have distinct purposes and behaviors. This article is a breakdown of their differences in terms of use cases. - https://blog.stackademic.com/difference-between-usecases-in-watcher-and-computed-in-vue-3-5a7764248949
#vue
In Vue 3, both computed properties and watchers allow you to react to changes in reactive data, but they have distinct purposes and behaviors. This article is a breakdown of their differences in terms of use cases. - https://blog.stackademic.com/difference-between-usecases-in-watcher-and-computed-in-vue-3-5a7764248949
#vue
Medium
Difference Between UseCases in Watcher And Computed in Vue 3
In Vue 3, both computed properties and watchers allow you to react to changes in reactive data, but they have distinct purposes and…
👍6
A Cache Decorator in Angular: Improving Performance with Memoization
In Angular applications, optimizing performance is crucial for delivering a smooth user experience. One… - https://medium.com/widle-studio/a-cache-decorator-in-angular-improving-performance-with-memoization-62fd6d7aca1f
#angular
In Angular applications, optimizing performance is crucial for delivering a smooth user experience. One… - https://medium.com/widle-studio/a-cache-decorator-in-angular-improving-performance-with-memoization-62fd6d7aca1f
#angular
Medium
A Cache Decorator in Angular: Improving Performance with Memoization
In Angular applications, optimizing performance is crucial for delivering a smooth user experience. One common technique to improve…
👍3❤1
Lossy CSS Compression for Fun and Loss (or Profit)
Daniel Janus wrote cssfact, a lossy CSS compressor that takes some CSS and outputs back CSS that contains fewer rules. - https://blog.danieljanus.pl/2024/01/26/lossy-css-compression
#css
Daniel Janus wrote cssfact, a lossy CSS compressor that takes some CSS and outputs back CSS that contains fewer rules. - https://blog.danieljanus.pl/2024/01/26/lossy-css-compression
#css
👍3
Why Are Developers Still Using Angular?
Angular. The framework that has seen more seasons than your favorite TV show. While the tech world is… - https://blog.stackademic.com/why-are-developers-still-using-angular-e7b6e17eade8
#angular
Angular. The framework that has seen more seasons than your favorite TV show. While the tech world is… - https://blog.stackademic.com/why-are-developers-still-using-angular-e7b6e17eade8
#angular
Medium
Why Are Developers Still Using Angular?
Angular. The framework that has seen more seasons than your favorite TV show. While the tech world is notorious for its rapid changes and…
👍5
Creating Your Own Vector Search in 5 Minutes with SQLite & Node
sqlite-vss is a SQLite extension that adds basic vector storage and querying capabilities to SQLite, and you can combine it with Node and OpenAI embeddings to create your own natural language vector based search system reasonably quickly. - https://markus.oberlehner.net/blog/your-own-vector-search-in-5-minutes-with-sqlite-openai-embeddings-and-nodejs/
#nodejs
sqlite-vss is a SQLite extension that adds basic vector storage and querying capabilities to SQLite, and you can combine it with Node and OpenAI embeddings to create your own natural language vector based search system reasonably quickly. - https://markus.oberlehner.net/blog/your-own-vector-search-in-5-minutes-with-sqlite-openai-embeddings-and-nodejs/
#nodejs
Markus Oberlehner
Your Own Vector Search in 5 Minutes with SQLite, OpenAI Embeddings, and Node.js
Learn how to build a powerful search experience using SQLite, OpenAI embeddings, and Node.js by understanding the concept of Vector Search and text embeddings.
👍4❤1
Harnessing the Power of Nuxt3 Auto-Imports in Testing with Vite and Vue Test Utils
In this article, the author explores how to effectively handle Auto-Imports when writing tests using Vite and Vue Test Utils. - https://dev.to/elquimeras/harnessing-the-power-of-nuxt3-auto-imports-in-testing-with-vite-and-vue-test-utils-4jmp
#vue
In this article, the author explores how to effectively handle Auto-Imports when writing tests using Vite and Vue Test Utils. - https://dev.to/elquimeras/harnessing-the-power-of-nuxt3-auto-imports-in-testing-with-vite-and-vue-test-utils-4jmp
#vue
DEV Community
Harnessing the Power of Nuxt3 Auto-Imports in Testing with Vite and Vue Test Utils
Welcome to the first installment of our series on Nuxt 3's Auto-Imports feature. In this article,...
👍2❤1
Shining a Light on Caustics with Shaders and React Three Fiber
A step-by-step guide on building a caustic light effect (like the light rays you might see refracting/reflecting off a surface) in a React Three Fiber project using shaders, render targets, normal maps, and custom materials. Beautiful! - https://blog.maximeheckel.com/posts/caustics-in-webgl/
#react
A step-by-step guide on building a caustic light effect (like the light rays you might see refracting/reflecting off a surface) in a React Three Fiber project using shaders, render targets, normal maps, and custom materials. Beautiful! - https://blog.maximeheckel.com/posts/caustics-in-webgl/
#react
The Blog of Maxime Heckel
Shining a light on Caustics with Shaders and React Three Fiber - The Blog of Maxime Heckel
A step-by-step guide on how to build a caustic light effect for your React Three Fiber project using shaders, render targets, normal maps, and custom materials.
👍3
When To Use The Min() Or Max() Function
Temani Afif explains when you should use min() and max() functions. - https://css-tip.com/min-max
#css
Temani Afif explains when you should use min() and max() functions. - https://css-tip.com/min-max
#css
Css-Tip
When to use the min() or max() function
a quick trick to know when to use min() or max()
👍2
The Angular Library Series - Building and Packaging
Building, packaging, and actually using our Angular library in a separate application. - https://medium.com/angular-in-depth/creating-a-library-in-angular-6-part-2-6e2bc1e14121
#angular
Building, packaging, and actually using our Angular library in a separate application. - https://medium.com/angular-in-depth/creating-a-library-in-angular-6-part-2-6e2bc1e14121
#angular
Medium
The Angular Library Series - Building and Packaging
Building, packaging, and actually using our Angular library in a separate application.
👍4
Oxlint: A New JS Linter '50-100x Faster' than ESLint?
Making tools as fast as possible is a common theme in the JavaScript world, and it's the MO for the JavaScript Oxidation Compiler toolkit. Oxlint is one of their tools that’s now GA. It's still early days, but when Evan You says “the performance is absolutely nuts” when running against the Vue 3 codebase, we sit up and listen. - https://oxc-project.github.io/blog/2023-12-12-announcing-oxlint.html
#oxlint
Making tools as fast as possible is a common theme in the JavaScript world, and it's the MO for the JavaScript Oxidation Compiler toolkit. Oxlint is one of their tools that’s now GA. It's still early days, but when Evan You says “the performance is absolutely nuts” when running against the Vue 3 codebase, we sit up and listen. - https://oxc-project.github.io/blog/2023-12-12-announcing-oxlint.html
#oxlint
Oxc
The JavaScript Oxidation Compiler
A collection of high-performance JavaScript tools written in Rust
👍3🔥3