Animating Font Palette
Mandy Michael shows how to animate a smooth transition between font-palettes in Color Fonts using only CSS. - https://textlab.dev/posts/animating-font-palette
#css
Mandy Michael shows how to animate a smooth transition between font-palettes in Color Fonts using only CSS. - https://textlab.dev/posts/animating-font-palette
#css
Text Lab
Animating Font Palette
With the release of Chrome 121 we can now animate a smooth transition between font-palettes in Color Fonts using only CSS.
Angular with Nx in 2023? Seriously, You Should!
Honestly, it’s hard for me see why you wouldn’t want to use Nx for your Angular application. And no, you… - https://itnext.io/angular-with-nx-in-2023-seriously-you-should-83fe2fb81384
#angular
Honestly, it’s hard for me see why you wouldn’t want to use Nx for your Angular application. And no, you… - https://itnext.io/angular-with-nx-in-2023-seriously-you-should-83fe2fb81384
#angular
Medium
Angular with Nx in 2023? Seriously, You Should!
Honestly, it’s hard for me see why you wouldn’t want to use Nx for your Angular application. And no, you don’t need a monorepo. Let me…
Prop Drilling and Component Composition
A visual demonstration of how a little restructuring can help you avoid prop drilling (or at least tidy it up). This is from 2023, but we overlooked it at the time. - https://alexsidorenko.com/blog/react-prop-drilling-composition/
#react
A visual demonstration of how a little restructuring can help you avoid prop drilling (or at least tidy it up). This is from 2023, but we overlooked it at the time. - https://alexsidorenko.com/blog/react-prop-drilling-composition/
#react
Alexsidorenko
Prop drilling and component composition in React | Alex Siodrenko
Sometimes all we need to avoid prop drilling is a little restructuring
Vue 3 & Composition API - Full Project
Build an expense tracker application from scratch using Vue.js 3 and the composition API with the latest syntax from version 3.2. - https://www.youtube.com/watch?v=hNPwdOZ3qFU
#vue
Build an expense tracker application from scratch using Vue.js 3 and the composition API with the latest syntax from version 3.2. - https://www.youtube.com/watch?v=hNPwdOZ3qFU
#vue
YouTube
Vue 3 & Composition API - Full Project
Build an expense tracker application from scratch using Vue.js 3 and the composition API with the latest syntax from version 3.2.
3-Hour Vue.js Crash Course:
https://www.youtube.com/watch?v=VeNfHj6MhgA
Final Code:
https://github.com/bradtraversy/vue-expense…
3-Hour Vue.js Crash Course:
https://www.youtube.com/watch?v=VeNfHj6MhgA
Final Code:
https://github.com/bradtraversy/vue-expense…
Practical DDD in TypeScript: Domain Service
The story about DDD in TypeScript continues by presenting the first stateless pattern in this series — Domain… - https://javascript.plainenglish.io/practical-ddd-in-typescript-domain-service-8c32afefb102
#typescript
The story about DDD in TypeScript continues by presenting the first stateless pattern in this series — Domain… - https://javascript.plainenglish.io/practical-ddd-in-typescript-domain-service-8c32afefb102
#typescript
Medium
Practical DDD in TypeScript: Domain Service
The story about DDD in TypeScript continues by presenting the first stateless pattern in this series — Domain Service.
Using abbr Element with title Attribute
Adrian Roselli explains why you shouldn’t use abbr attribute with or without the title attribute. - https://adrianroselli.com/2024/01/using-abbr-element-with-title-attribute.html
#css
Adrian Roselli explains why you shouldn’t use abbr attribute with or without the title attribute. - https://adrianroselli.com/2024/01/using-abbr-element-with-title-attribute.html
#css
Adrian Roselli
Using abbr Element with title Attribute
How the <abbr> element is defined and exposed, along with the title attribute: § 4.5.9 The abbr element from WHATWG. ARIA in HTML entry on <abbr> notes it has no implicit role and naming is prohibited. Which is probably why Core Accessibility API Mappings…
How to Stream Files from Next.js Route Handlers
“Despite being Next.js specific, it goes over the philosophical difference between Node.js specific API routes, and runtime-agnostic route handlers, which I think could be interesting to a broader audience of backend JS developers.” - https://www.ericburel.tech/blog/nextjs-stream-files
#nodejs
“Despite being Next.js specific, it goes over the philosophical difference between Node.js specific API routes, and runtime-agnostic route handlers, which I think could be interesting to a broader audience of backend JS developers.” - https://www.ericburel.tech/blog/nextjs-stream-files
#nodejs
www.ericburel.tech
How to stream files from Next.js Route Handlers
Learn how the Route Handlers paradigm affects file streaming in Next.js
A Guide to Managing Loading State for Angular App API Requests
This tutorial walks you through how to track the status of API requests in your Angular app and displaying… - https://levelup.gitconnected.com/a-guide-to-managing-loading-state-for-angular-app-api-requests-83b7429d0e3a
#angular
This tutorial walks you through how to track the status of API requests in your Angular app and displaying… - https://levelup.gitconnected.com/a-guide-to-managing-loading-state-for-angular-app-api-requests-83b7429d0e3a
#angular
Medium
A Guide to Managing Loading State for Angular App API Requests
This tutorial walks you through how to track the status of API requests in your Angular app and displaying the loading UI.
Vue.js Directives: A Beginner’s Guide
In this article, we will take a deep look at Vue.js directives and their use cases and explore the possibilities of including our very own directives. - https://vueschool.io/articles/vuejs-tutorials/vue-js-directives-a-beginners-guide/
#vue
In this article, we will take a deep look at Vue.js directives and their use cases and explore the possibilities of including our very own directives. - https://vueschool.io/articles/vuejs-tutorials/vue-js-directives-a-beginners-guide/
#vue
vueschool.io
Vue.js Directives: A Beginner's Guide - Vue School Articles
Vue.js directives are special HTML attributes that tell Vue what to do with a DOM element.Get ready to dive headfirst into the thrilling realm of Vue.js Directives in this article! Explore Vue.js' wide array of built-in directives and learn how to craft your…
Updating Public Next.js Environment Variables Without Rebuilds
A practical approach to updating public environment variables without rebuilding your app. - https://phase.dev/blog/nextjs-public-runtime-variables/
#react
A practical approach to updating public environment variables without rebuilding your app. - https://phase.dev/blog/nextjs-public-runtime-variables/
#react
phase
Updating public Next.js environment variables without rebuilds | Phase Blog
A practical approach to updating public environment variables without rebuilding your Next.js app
Front-end Layout That Every Senior Front-end Engineer Should Know
A set of codes for mobile phones, iPads, and PCs. Each time a different style is loaded, they are all… - https://javascript.plainenglish.io/front-end-layout-that-every-senior-front-end-engineer-should-know-711e174687c5
#frontend
A set of codes for mobile phones, iPads, and PCs. Each time a different style is loaded, they are all… - https://javascript.plainenglish.io/front-end-layout-that-every-senior-front-end-engineer-should-know-711e174687c5
#frontend
Medium
Front-end Layout That Every Senior Front-end Engineer Should Know
A set of codes for mobile phones, iPads, and PCs. Each time a different style is loaded, they are all compatible in one project. This is cal
Topic Classification from Node with Astra Vector Search
An example of using Node to crunch some data and pipe it into Datastax’s Astra vector database (using Mongoose and a JSON API driver) for querying. - https://thecodebarbarian.com/topic-classifiers-in-nodejs-using-astra-vector-search.html
#nodejs
An example of using Node to crunch some data and pipe it into Datastax’s Astra vector database (using Mongoose and a JSON API driver) for querying. - https://thecodebarbarian.com/topic-classifiers-in-nodejs-using-astra-vector-search.html
#nodejs
The Code Barbarian
Topic Classifiers in Node.js Using Astra Vector Search
You can build a topic classifier using vector search by storing representative vectors for each topic. Here's how you can build a representative vector based classifier in Node.js with Astra and Mongoose.
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
Frontendmasters
Highlight Text When a User Scrolls Down to That Piece of Text – Frontend Masters Boost
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: The highlighted line is done with a <mark> element in HTML…
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…
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.
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
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…
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.
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…
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…