Easy Fix for a Very Annoying z-index Issue
Kevin Powell gives an excellent tip to help you deal with weird z-index glitches when working with CSS Transitions. - https://www.youtube.com/watch?v=ocl4eN9IrD0
#css
Kevin Powell gives an excellent tip to help you deal with weird z-index glitches when working with CSS Transitions. - https://www.youtube.com/watch?v=ocl4eN9IrD0
#css
YouTube
Easy fix for a very annoying z-index issue
I've launched channel memberships! https://www.youtube.com/@KevinPowell/join
🔗 Links
✅ The longer video where I create the entire thing: https://youtu.be/fs_5R8V4JCI
✅ My CSS Day talk: https://www.youtube.com/watch?v=k_3pRxdv-cI
⌚ Timestamps
00:00 - Introduction…
🔗 Links
✅ The longer video where I create the entire thing: https://youtu.be/fs_5R8V4JCI
✅ My CSS Day talk: https://www.youtube.com/watch?v=k_3pRxdv-cI
⌚ Timestamps
00:00 - Introduction…
TC39 Meets Again and Advances Key Proposals
The Ecma TC39 group that pushes forward the development of ECMA/JavaScript met again this week and moved several key proposals forward, including Deferred Import Evaluation, Error.isError(), RegExp escaping, and Promise.try. - https://socket.dev/blog/tc39-advances-key-proposals
#javascript
The Ecma TC39 group that pushes forward the development of ECMA/JavaScript met again this week and moved several key proposals forward, including Deferred Import Evaluation, Error.isError(), RegExp escaping, and Promise.try. - https://socket.dev/blog/tc39-advances-key-proposals
#javascript
Socket
TC39 Advances Key Proposals: Deferred Import Evaluation, Err...
Ecma TC39 is meeting this week and has moved key ECMAScript proposals forward, advancing Deferred Import Evaluation, Error.isError(), RegExp Escaping,...
React and FormData
FormData is ironically both the ‘newest and yet oldest’ standard for accessing form data. Here are some practical ways for using it with TypeScript. - https://reacttraining.com/blog/react-and-form-data
#react
FormData is ironically both the ‘newest and yet oldest’ standard for accessing form data. Here are some practical ways for using it with TypeScript. - https://reacttraining.com/blog/react-and-form-data
#react
ReactTraining.com
React and FormData
React Corporate Workshops, Training, and Consulting
Real-World Nuxt — Dynamic Layout with Teleport
This article explores creating a dynamic layout in Nuxt. It discusses using Teleport to achieve this. The article breaks down the steps into creating changeable navigation items, rendering content by Teleport, and adding dynamic content on clicking a navigation item. - https://muozalp.com/real-world-nuxt-dynamic-layout-with-teleport-part-2-30d88f151a08
#vue
This article explores creating a dynamic layout in Nuxt. It discusses using Teleport to achieve this. The article breaks down the steps into creating changeable navigation items, rendering content by Teleport, and adding dynamic content on clicking a navigation item. - https://muozalp.com/real-world-nuxt-dynamic-layout-with-teleport-part-2-30d88f151a08
#vue
Medium
Real-World Nuxt — Dynamic Layout with Teleport — Part 2
PART 2 — Create Dynamic Layout with Advanced Features
Angular Signal Queries: simplifying DOM querying - https://www.codemotion.com/magazine/frontend/angular-signal-queries-simplifying-dom-querying/
#angular
#angular
Backgrounds for the Box Model
Chris Coyier explains that you can limit how far the background-image of an element applies by using background-clip. - https://frontendmasters.com/blog/backgrounds-for-the-box-model-and-why-it-can-be-useful/
#css
Chris Coyier explains that you can limit how far the background-image of an element applies by using background-clip. - https://frontendmasters.com/blog/backgrounds-for-the-box-model-and-why-it-can-be-useful/
#css
Frontendmasters
Backgrounds for the Box Model (and why it can be useful) – Frontend Masters Boost
You can limit how far the background-image of an element applies by using background-clip. That means you can apply *different* backgrounds to, say, the padding and border.
Implementing Filtered Semantic Search Using pgvector and JavaScript - https://www.timescale.com/blog/implementing-filtered-semantic-search-using-pgvector-and-javascript/
#nodejs
#nodejs
Timescale Blog
Implementing Filtered Semantic Search Using Pgvector and JavaScript
Explore semantic search with filters and learn how you can implement it with pgvector and JavaScript.
Using the Page Visibility API
Set up event listeners to do things when page visiblity changes. - https://developer.mozilla.org/en-US/blog/using-the-page-visibility-api/
#javascript
Set up event listeners to do things when page visiblity changes. - https://developer.mozilla.org/en-US/blog/using-the-page-visibility-api/
#javascript
MDN Web Docs
Using the Page Visibility API | MDN Blog
This post takes a look at what page visibility is, how you can use the Page Visibility API in your applications, and describes pitfalls to avoid if you build features around this functionality.
Nuxt 2 End-of-Life (EOL)
Nuxt 2 will reach End of Life (EOL) on June 30th, 2024. This article from the Nuxt team discusses what we should expect after this development. - https://nuxt.com/blog/nuxt2-eol
#vue #eol
Nuxt 2 will reach End of Life (EOL) on June 30th, 2024. This article from the Nuxt team discusses what we should expect after this development. - https://nuxt.com/blog/nuxt2-eol
#vue #eol
Nuxt
Nuxt 2 End-of-Life (EOL) · Nuxt Blog
Nuxt 2 will reach End of Life (EOL) on June 30th, 2024. We've partnered with HeroDevs on offering Never-Ending Support (NES).
Creating an Animated Hamburger Menu Icon for React - https://blog.logrocket.com/creating-animated-hamburger-menu-icon-react/
#react
#react
LogRocket Blog
Creating an animated hamburger menu icon for React - LogRocket Blog
Build a responsive React hamburger menu with CSS animations and ensure seamless (and delicious) cross-platform consistency.
Always unsubscribe. No exceptions. Debate closed.
So many years with Angular. So many years with RxJS. Yet people still fight over “when NOT to unsubscribe”. - https://itnext.io/always-unsubscribe-no-exceptions-debate-closed-5184c2655ac3
#angular
So many years with Angular. So many years with RxJS. Yet people still fight over “when NOT to unsubscribe”. - https://itnext.io/always-unsubscribe-no-exceptions-debate-closed-5184c2655ac3
#angular
Medium
Always unsubscribe. No exceptions. Debate closed.
So many years with Angular. So many years with RxJS. Yet people still fight over “when NOT to unsubscribe”.
An SSR Performance Showdown
Fastify’s Matteo Collina set out to find out the current state of server-side rendering performance across today’s most popular libraries - https://blog.platformatic.dev/ssr-performance-showdown
#ssr
Fastify’s Matteo Collina set out to find out the current state of server-side rendering performance across today’s most popular libraries - https://blog.platformatic.dev/ssr-performance-showdown
#ssr
Platformatic Blog
An SSR Performance Showdown
💡
Note: In the first iteration of this benchmark, we made a few mistakes, summarized in this tweet by Theo Browne . We'd like to first apologize for these errors, and to sincerely thank Rich Harris, Ryan Carniato, Dan Abramov, Balázs Németh and Domi...
Note: In the first iteration of this benchmark, we made a few mistakes, summarized in this tweet by Theo Browne . We'd like to first apologize for these errors, and to sincerely thank Rich Harris, Ryan Carniato, Dan Abramov, Balázs Németh and Domi...
Opinions for Writing Good CSS
Andrew Walpole shares some tips on writing better CSS. - https://www.andrewwalpole.com/blog/opinions-for-writing-good-css
#css
Andrew Walpole shares some tips on writing better CSS. - https://www.andrewwalpole.com/blog/opinions-for-writing-good-css
#css
Andrewwalpole
Opinions for Writing Good CSS
CSS is a flexible language that, in my opinion, requires opinions to be written well and consistently. Here are some of my opinions for writing good CSS.
From Node.js to Deno: How It All Began
A brief nine minute documentary exploring the origins of Deno with Ryan Dahl and Bert Belder. A good, quick way to get up to speed with the motivations behind the alternative JavaScript runtime. - https://www.youtube.com/watch?v=zxitJn9MwYs
#nodejs
A brief nine minute documentary exploring the origins of Deno with Ryan Dahl and Bert Belder. A good, quick way to get up to speed with the motivations behind the alternative JavaScript runtime. - https://www.youtube.com/watch?v=zxitJn9MwYs
#nodejs
YouTube
From Node.js to Deno: How It All Began
After your enthusiastic feedback on our Node.js documentary, we’re excited to present a special feature on Deno! Created by Ryan Dahl and Bert Belder, the innovative minds who contributed A LOT to Node.js (hell one even created Node.js), Deno represents a…
Building Enterprise Angular Applications with Domain Driven Design
Domain-Driven Design (DDD) is an approach originated from the idea that complex software systems should be… - https://medium.com/@jonatan.melzer/building-enterprise-angular-applications-with-domain-driven-design-a9079d6a9420
#angular
Domain-Driven Design (DDD) is an approach originated from the idea that complex software systems should be… - https://medium.com/@jonatan.melzer/building-enterprise-angular-applications-with-domain-driven-design-a9079d6a9420
#angular
Medium
Building Enterprise Angular Applications with Domain Driven Design
Domain-Driven Design (DDD) is an approach originated from the idea that complex software systems should be built around a deep…
Ultimate Guide to Vue 3 Reactivity
Reactivity is one of the key features that make Vue.js a powerful framework for building interactive and dynamic web applications. It allows developers to declaratively define relationships between data and the UI, ensuring that changes in data are automatically reflected in the UI and vice versa. This article will explore the concept of reactivity in Vue 3, discussing the reactivity model, reactive data, computed properties, and reactivity caveats. - https://dev.to/kaperskyguru/ultimate-guide-to-vue-3-reactivity-1e41
#vue
Reactivity is one of the key features that make Vue.js a powerful framework for building interactive and dynamic web applications. It allows developers to declaratively define relationships between data and the UI, ensuring that changes in data are automatically reflected in the UI and vice versa. This article will explore the concept of reactivity in Vue 3, discussing the reactivity model, reactive data, computed properties, and reactivity caveats. - https://dev.to/kaperskyguru/ultimate-guide-to-vue-3-reactivity-1e41
#vue
DEV Community
Ultimate Guide to Vue 3 Reactivity
Reactivity is one of the key features that make Vue.js a powerful framework for building interactive...
A React 19 Cheat Sheet
From Kent C Dodds, of Epic React fame, comes this part cheat sheet, part succinct reminder of some of the new things you can do in React 19, along with (very) brief code examples. - https://www.epicreact.dev/react-19-cheatsheet
#react
From Kent C Dodds, of Epic React fame, comes this part cheat sheet, part succinct reminder of some of the new things you can do in React 19, along with (very) brief code examples. - https://www.epicreact.dev/react-19-cheatsheet
#react
Epic React
React 19 Cheat Sheet
Get Extremely Good at React
Center Items in First Row with CSS Grid
Ryan Mulligan explains how to stack grid items so that an odd number of items appears horizontally centered in the first row instead of the last. - https://ryanmulligan.dev/blog/grid-stacks
#css
Ryan Mulligan explains how to stack grid items so that an odd number of items appears horizontally centered in the first row instead of the last. - https://ryanmulligan.dev/blog/grid-stacks
#css
ryanmulligan.dev
Center Items in First Row with CSS Grid
Stacking grid items so that an odd number of items appears horizontally centered in the first row instead of the last.
Multi-tenancy with Nestjs
Introduction: In this post, I will elucidate the concept of multi-tenancy through a straightforward… - https://blogs.sajankumarv.com/multi-tenancy-with-nestjs-d444988b854a
#nodejs
Introduction: In this post, I will elucidate the concept of multi-tenancy through a straightforward… - https://blogs.sajankumarv.com/multi-tenancy-with-nestjs-d444988b854a
#nodejs
Medium
Multi-tenancy with Nestjs
Introduction: In this post, I will elucidate the concept of multi-tenancy through a straightforward demonstration using Nest.js.
Make Your Components Easier to Think About
Here are some ways you can make your code easier to think about, so you’re less confused and can actually get stuff done. - https://michaelnthiessen.com/make-your-components-easier-to-think-about
#vue
Here are some ways you can make your code easier to think about, so you’re less confused and can actually get stuff done. - https://michaelnthiessen.com/make-your-components-easier-to-think-about
#vue
Michaelnthiessen
Make Your Components Easier to Think About
I hate thinking.
Well, actually, I *love* thinking, but only when I’m able to solve problems or make progress with it.
But often our code gets in the way of this.
Well, actually, I *love* thinking, but only when I’m able to solve problems or make progress with it.
But often our code gets in the way of this.