Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up.
Bramus Van Damme explains how to create a CSS-only sticky header that hides and shows depending on the scroll direction, based on a demo by Fabrizio Calderan. - https://www.bram.us/2024/09/29/solved-by-css-scroll-driven-animations-hide-a-header-when-scrolling-up-show-it-again-when-scrolling-down
#css
Bramus Van Damme explains how to create a CSS-only sticky header that hides and shows depending on the scroll direction, based on a demo by Fabrizio Calderan. - https://www.bram.us/2024/09/29/solved-by-css-scroll-driven-animations-hide-a-header-when-scrolling-up-show-it-again-when-scrolling-down
#css
Bram.us
Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up.
By adding a long transition-delay to a CSS property under certain conditions (which you can do using a Style Query), you can persist its value.
How to Conditionally Run Code Only on the Server or Only on the Client in a Nuxt App
Discover how Nuxt improves performance and SEO with its server-side and client-side rendering capabilities. Learn best practices for managing code execution to avoid hydration mismatches and ensure efficient rendering in your applications. - https://masteringnuxt.com/blog/how-to-conditionally-run-code-only-on-the-server-or-only-on-the-client-in-a-nuxt-app
#vue
Discover how Nuxt improves performance and SEO with its server-side and client-side rendering capabilities. Learn best practices for managing code execution to avoid hydration mismatches and ensure efficient rendering in your applications. - https://masteringnuxt.com/blog/how-to-conditionally-run-code-only-on-the-server-or-only-on-the-client-in-a-nuxt-app
#vue
Masteringnuxt
How to Conditionally Run Code Only on the Server or Only on the Client in a Nuxt App
Discover how Nuxt improves performance and SEO with its server-side and client-side rendering capabilities. Learn best practices for managing code execution to avoid hydration mismatches and ensure efficient rendering in your applications.
How To Write API Response Types with TypeScript
Organize TypeScript types for API responses to ensure a great development experience, code maintenance, and… - https://itnext.io/how-to-write-api-response-types-with-typescript-f8152ddd43dd
#typescript
Organize TypeScript types for API responses to ensure a great development experience, code maintenance, and… - https://itnext.io/how-to-write-api-response-types-with-typescript-f8152ddd43dd
#typescript
Medium
How To Write API Response Types with TypeScript
Organize TypeScript types for API responses to ensure a great development experience, code maintenance, and avoidance of obvious coding…
Best Testing Practices in Node.js
A quick-fire list of 15 worthwhile testing practices to use in order to write efficient, effective, and easy-to-maintain tests. - https://blog.appsignal.com/2024/10/16/best-testing-practices-in-nodejs.html
#nodejs
A quick-fire list of 15 worthwhile testing practices to use in order to write efficient, effective, and easy-to-maintain tests. - https://blog.appsignal.com/2024/10/16/best-testing-practices-in-nodejs.html
#nodejs
Appsignal
Best Testing Practices in Node.js | AppSignal Blog
Check out 15 best testing practices to write efficient, effective, and easy-to-maintain tests in Node.
Recharts 2.13: Chart Library Built with React and D3
Easy to deploy with declarative components, and native SVG support. Line, bar, scatter, composed, pie, and radar charts are offered. There are lots of examples, complete with code. - https://recharts.org/en-US/
#react
Easy to deploy with declarative components, and native SVG support. Line, bar, scatter, composed, pie, and radar charts are offered. There are lots of examples, complete with code. - https://recharts.org/en-US/
#react
Angular: Downloading files and implementing a progress bar for tracking the…
This story is something very similar to what I have written years back. That story was related to… - https://blog.stackademic.com/angular-downloading-files-and-implementing-a-progress-bar-for-tracking-the-download-bd1cb552d646
#angular
This story is something very similar to what I have written years back. That story was related to… - https://blog.stackademic.com/angular-downloading-files-and-implementing-a-progress-bar-for-tracking-the-download-bd1cb552d646
#angular
Medium
Angular: Downloading files and implementing a progress bar for tracking the download
This story is something very similar to what I have written years back. That story was related to implementing progress bars for uploading…
Implementing Facial Recognition Authentication in Vue.js with FACEIO
This article will guide you through integrating FACEIO, a powerful facial recognition API, into your Vue.js application. - https://dev.to/vyan/implementing-facial-recognition-authentication-in-vuejs-with-faceio-664
#vue
This article will guide you through integrating FACEIO, a powerful facial recognition API, into your Vue.js application. - https://dev.to/vyan/implementing-facial-recognition-authentication-in-vuejs-with-faceio-664
#vue
DEV Community
Implementing Facial Recognition Authentication in Vue.js with FACEIO
In today's digital landscape, security is paramount. Facial recognition technology offers a...
Building a Dynamic Background Effect
Ryan Finni shows how to create a randomized, animated icon background for any content section. - https://www.letsbuildui.dev/articles/building-a-dynamic-background-effect
#css
Ryan Finni shows how to create a randomized, animated icon background for any content section. - https://www.letsbuildui.dev/articles/building-a-dynamic-background-effect
#css
Let's Build UI
Building a Dynamic Background Effect
How to create a randomized, animated icon background for any content section.
5 amazing new JavaScript features in ES15
5 juicy ES15 features with new functionality for cleaner and shorter JavaScript code in 2024. - https://medium.com/coding-beauty/es15-javascript-features-fc2d1f7a00ce
#javascript
5 juicy ES15 features with new functionality for cleaner and shorter JavaScript code in 2024. - https://medium.com/coding-beauty/es15-javascript-features-fc2d1f7a00ce
#javascript
Medium
5 amazing new JavaScript features in ES15 (2024)
5 juicy ES15 features with new functionality for cleaner and shorter JavaScript code in 2024.
Chakra UI v3: The Comprehensive React Component Suite
Chakra is a popular suite of accessible, reusable, and composable React components and v3 is essentially a complete rewrite to modern standards. - https://www.chakra-ui.com/blog/00-announcing-v3
#react
Chakra is a popular suite of accessible, reusable, and composable React components and v3 is essentially a complete rewrite to modern standards. - https://www.chakra-ui.com/blog/00-announcing-v3
#react
Chakra-Ui
Announcing v3 | Chakra UI
Today, we're excited to announce the release of Chakra UI v3.0
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…
12 common software architecture styles, essential for architects
What is software architecture? - https://medium.com/@hubian/12-common-software-architecture-styles-essential-for-architects-c22d19471980
#architecture
What is software architecture? - https://medium.com/@hubian/12-common-software-architecture-styles-essential-for-architects-c22d19471980
#architecture
Medium
12 common software architecture styles, essential for architects
What is software architecture?
Using Nuxt.js for Server-Side Rendering in Vue
In this article, explore the benefits and drawbacks of using Nuxt.js for server-side rendering in Vue. - https://dev.to/kartikmehta8/using-nuxtjs-for-server-side-rendering-in-vue-kik
#vue
In this article, explore the benefits and drawbacks of using Nuxt.js for server-side rendering in Vue. - https://dev.to/kartikmehta8/using-nuxtjs-for-server-side-rendering-in-vue-kik
#vue
DEV Community
Using Nuxt.js for Server-Side Rendering in Vue
Introduction Nuxt.js is a popular framework based on Vue.js that is used for server-side...
Interview With Björn Ottosson, Creator Of The Oklab Color Space
Björn Ottosson, the Swedish engineer who created Oklab color space, explains how he developed a simple yet effective model with good hue uniformity while also handling lightness and saturation well — and is “okay” to use. - https://www.smashingmagazine.com/2024/10/interview-bjorn-ottosson-creator-oklab-color-space
#css
Björn Ottosson, the Swedish engineer who created Oklab color space, explains how he developed a simple yet effective model with good hue uniformity while also handling lightness and saturation well — and is “okay” to use. - https://www.smashingmagazine.com/2024/10/interview-bjorn-ottosson-creator-oklab-color-space
#css
Smashing Magazine
Interview With Björn Ottosson, Creator Of The Oklab Color Space — Smashing Magazine
Go behind the scenes with Björn Ottosson, the Swedish engineer who created Oklab color space, and discover how he developed a simple yet effective model with good hue uniformity while also handling lightness and saturation well — and is “okay” to use.
Electron 33.0: The Cross-Platform Desktop App Framework
Electron drops a major release each two months. This one lands no major new features but jumps from Chromium 128 to 130, as well as V8 13.0, and Node 20.18.0. - https://www.electronjs.org/blog/electron-33-0
#nodejs
Electron drops a major release each two months. This one lands no major new features but jumps from Chromium 128 to 130, as well as V8 13.0, and Node 20.18.0. - https://www.electronjs.org/blog/electron-33-0
#nodejs
www.electronjs.org
Electron 33.0.0 | Electron
Electron 33.0.0 has been released! It includes upgrades to Chromium 130.0.6723.44, V8 13.0, and Node 20.18.0.
React Design Patterns
Learn how to apply design patterns in your React applications. - https://baguilar6174.medium.com/react-design-patterns-6ab55c5ebafb
#react
Learn how to apply design patterns in your React applications. - https://baguilar6174.medium.com/react-design-patterns-6ab55c5ebafb
#react
Medium
React Design Patterns
Learn how to apply design patterns in your React applications.
Angular: Sending/Receiving cookies with a cross-site application server
If you are interested to know how cookies can be sent/received between cross-origin but same-site resources… - https://ramya-bala221190.medium.com/angular-sending-receiving-cookies-with-a-cross-site-application-server-c4cba9f8d746
#angular
If you are interested to know how cookies can be sent/received between cross-origin but same-site resources… - https://ramya-bala221190.medium.com/angular-sending-receiving-cookies-with-a-cross-site-application-server-c4cba9f8d746
#angular
Medium
Angular: Sending/Receiving cookies with a cross-site application server
If you are interested to know how cookies can be sent/received between cross-origin but same-site resources, you can check the below story…
How Do I Drag and Drop in Vue?
This article guides you to providing a drag and drop feature in a Vue.js application. - https://vueschool.io/articles/vuejs-tutorials/how-do-i-drag-and-drop-in-vue/
#vue
This article guides you to providing a drag and drop feature in a Vue.js application. - https://vueschool.io/articles/vuejs-tutorials/how-do-i-drag-and-drop-in-vue/
#vue
vueschool.io
How Do I Drag and Drop in Vue? - Vue School Articles
Learn to make a drag and drop interface to manipulate array data in Vue.js. Drag to sort array or drag elements between different arrays.
CSS Anchor Positioning Guide
Juan Diego Rodríguez created an in-depth guide on CSS Anchor Positioning, including its syntax and properties, positioning one element next to another, and even resizing elements relative to other elements. - https://css-tricks.com/css-anchor-positioning-guide
#css
Juan Diego Rodríguez created an in-depth guide on CSS Anchor Positioning, including its syntax and properties, positioning one element next to another, and even resizing elements relative to other elements. - https://css-tricks.com/css-anchor-positioning-guide
#css
CSS-Tricks
CSS Anchor Positioning Guide | CSS-Tricks
Learn about CSS Anchor Positioning, including its syntax, properties, how it is used to position one element next to another, and even how it's used to resize elements relative to other elements.