Gradients, Blend Modes, And A Really Cool Hover Effect
Preethi shows how to create a hover effect where hovering one item triggers visual changes to other items using CSS gradients. - https://www.smashingmagazine.com/2023/09/gradients-blend-modes-hover-effect
#css
Preethi shows how to create a hover effect where hovering one item triggers visual changes to other items using CSS gradients. - https://www.smashingmagazine.com/2023/09/gradients-blend-modes-hover-effect
#css
Smashing Magazine
Gradients, Blend Modes, And A Really Cool Hover Effect — Smashing Magazine
Gradients are a powerful CSS feature. We use them for texture, depth, and even to hide parts of elements with CSS masking. This article covers another interesting way to use gradients — as a hover effect that affects the appearance of other elements around…
Good practices and Design Patterns for Vue Composables
This article summarises good practices and design patterns about Vue composables. - https://dev.to/jacobandrewsky/good-practices-and-design-patterns-for-vue-composables-24lk
#vue
This article summarises good practices and design patterns about Vue composables. - https://dev.to/jacobandrewsky/good-practices-and-design-patterns-for-vue-composables-24lk
#vue
DEV Community
Good practices and Design Patterns for Vue Composables
I recently had a great discussion with my team at Vue Storefront about patterns for writing Vue...
Angular 16 is huge
At the time of writing this article, angular just published its first release candidate version of v16. There… - https://itnext.io/angular-16-is-huge-67288a3ff58b
#angular
At the time of writing this article, angular just published its first release candidate version of v16. There… - https://itnext.io/angular-16-is-huge-67288a3ff58b
#angular
Medium
Angular 16 is huge
At the time of writing this article, angular just published its first release candidate version of v16. There are lot of feature/changes…
The Underlying Mechanisms of React’s Concurrent Mode - https://andreigatej.dev/blog/the-underlying-mechanisms-of-reacts-concurrent-mode/
#react
#react
andreigatej.dev
The underlying mechanisms of React’s concurrent mode
How React's Concurrent Mode works
Serverless Bun vs Node: Benchmarking on AWS Lambda
Following the recent release of Bun 1.0, Mitchell ran some tests to determine if the updated runtime is a legitimate contender for serverless environments like AWS Lambda. - https://medium.com/@mitchellkossoris/serverless-bun-vs-node-benchmarking-on-aws-lambda-ecd4fe7c2fc2
#bun #vs #nodejs
Following the recent release of Bun 1.0, Mitchell ran some tests to determine if the updated runtime is a legitimate contender for serverless environments like AWS Lambda. - https://medium.com/@mitchellkossoris/serverless-bun-vs-node-benchmarking-on-aws-lambda-ecd4fe7c2fc2
#bun #vs #nodejs
Medium
Serverless Bun vs Node: Benchmarking on AWS Lambda
Is Bun a legitimate contender for serverless runtime environments like AWS Lambda? Let’s test some benchmarks against NodeJS to determi...
CSS lobotomized owl selector: A modern guide
Sebastian Weber explores the lobotomized owl selector from a modern angle. - https://blog.logrocket.com/css-lobotomized-owl-selector-modern-guide
#css
Sebastian Weber explores the lobotomized owl selector from a modern angle. - https://blog.logrocket.com/css-lobotomized-owl-selector-modern-guide
#css
LogRocket Blog
CSS lobotomized owl selector: A modern guide - LogRocket Blog
A lot has changed about programming since the CSS lobotomized owl selector was introduced in 2014. Learn to use it in a modern context here.
6 Advanced TypeScript tricks for Clean Code
We’ll explore six Advanced TypeScript tricks for writing clean code, with examples and step by step how they… - https://medium.com/@mvsg/6-advanced-typescript-tricks-for-clean-code-90cee774dbf3
#typescript
We’ll explore six Advanced TypeScript tricks for writing clean code, with examples and step by step how they… - https://medium.com/@mvsg/6-advanced-typescript-tricks-for-clean-code-90cee774dbf3
#typescript
Medium
6 Advanced TypeScript tricks for Clean Code
Six advanced TypeScript tips will be covered here, along with examples showing how each one works step by step and their benefits. By using…
Create A Custom Range Slider With Vue
In this tutorial, you will learn how to create a custom range slider in Vue 3.
You’ll also see how you can create a custom slider with two handles, one for the min value and the other for the max value. - https://blog.openreplay.com/create-a-custom-range-slider-with-vue
#vue
In this tutorial, you will learn how to create a custom range slider in Vue 3.
You’ll also see how you can create a custom slider with two handles, one for the min value and the other for the max value. - https://blog.openreplay.com/create-a-custom-range-slider-with-vue
#vue
Openreplay
Create a custom range slider with Vue
Build range sliders for maximum flexibility.
Create a Hand-Drawing Component with React Native Skia - https://spin.atomicobject.com/2023/07/26/react-native-skia/
#reactnative
#reactnative
Atomic Spin
Create a Hand-Drawing Component Using React Native Skia
While searching for the ideal library, I came across React Native Skia — a high-performance 2D graphics library.
How Custom Property Values are Computed
Stephanie Eckles reviews how the browser determines values for any property, the impact of “computed value time,” pitfalls around using custom properties with cutting-edge CSS, and why inheritance should inform your custom property architecture. - https://moderncss.dev/how-custom-property-values-are-computed
#css
Stephanie Eckles reviews how the browser determines values for any property, the impact of “computed value time,” pitfalls around using custom properties with cutting-edge CSS, and why inheritance should inform your custom property architecture. - https://moderncss.dev/how-custom-property-values-are-computed
#css
Modern CSS Solutions
How Custom Property Values are Computed | Modern CSS Solutions
Review behaviors to be aware of regarding how the browser computes final custom property values. A misunderstanding of this process may lead to an unexpected or missing value and difficulty troubleshooting and resolving the issue.
Understand Microfrontends: Microservices for the Frontend with Next JS Demo
Let's see how it all started and how it's going these days … - https://medium.com/tkssharma/understand-microfrontends-microservices-for-the-frontend-with-next-js-demo-32c84f19b503
#microfrontends
Let's see how it all started and how it's going these days … - https://medium.com/tkssharma/understand-microfrontends-microservices-for-the-frontend-with-next-js-demo-32c84f19b503
#microfrontends
Medium
Understand Microfrontends: Microservices for the Frontend with Next JS Demo
Let's see how it all started and how it's going these days …
What’s next for Server Side Rendering in Angular
In May of 2022, we shared Angular’s vision for the future, where we committed to investing in server side…
- https://blog.angular.io/whats-next-for-server-side-rendering-in-angular-2a6f27662b67
#angular
In May of 2022, we shared Angular’s vision for the future, where we committed to investing in server side…
- https://blog.angular.io/whats-next-for-server-side-rendering-in-angular-2a6f27662b67
#angular
Medium
What’s next for Server Side Rendering in Angular
In May of 2022, we shared Angular’s vision for the future, where we committed to investing in server side rendering and hydration. Angular…
Why I Stopped Using Next.js and Chose Astro Instead - https://www.youtube.com/watch?v=BoeZqPaYw9s
#nextjs #react
#nextjs #react
YouTube
Why I STOPPED Using Next.js And Chose Astro Instead
Next.js was not the best option for my personal site. I decided to choose Astro because it handles working with markdown, code highlighting, pagination, and so much more so much easier.
Full Astro Course - https://astrocourse.dev/
**DISCORD**
Join the…
Full Astro Course - https://astrocourse.dev/
**DISCORD**
Join the…
Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not
Bramus Van Damme shows how to selectively style an element based on it being scrollable or not. - https://www.bram.us/2023/09/16/solved-by-css-scroll-driven-animations-detect-if-an-element-can-scroll-or-not
#css
Bramus Van Damme shows how to selectively style an element based on it being scrollable or not. - https://www.bram.us/2023/09/16/solved-by-css-scroll-driven-animations-detect-if-an-element-can-scroll-or-not
#css
Bram.us
Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not
Leverage Scroll-Driven Animations + a Space Toggle or State Query to selectively style an element based on it being scrollable or not.
What's Next for JavaScript: New Features to Look Forward to
A reassuring and high level look at just what goes into making JavaScript better over time, along with some of the new things about to appear or still making their way through the arduous TC39 process. - https://thenewstack.io/whats-next-for-javascript-new-features-to-look-forward-to/
#javascript
A reassuring and high level look at just what goes into making JavaScript better over time, along with some of the new things about to appear or still making their way through the arduous TC39 process. - https://thenewstack.io/whats-next-for-javascript-new-features-to-look-forward-to/
#javascript
The New Stack
What’s Next for JavaScript: New Features to Look Forward to
Useful types and modern tools to make internationalizing your sites and web apps easier, plus hints at what might come later for JavaScript.
State of HTML 2023
This year, Lea Verou took on the formidable task of leading the design of a brand-new State of HTML survey, from content to UX and beyond. Take the survey and help us shape the evolution of the web platform. - https://survey.devographics.com/en-US/survey/state-of-html/2023
#survey
This year, Lea Verou took on the formidable task of leading the design of a brand-new State of HTML survey, from content to UX and beyond. Take the survey and help us shape the evolution of the web platform. - https://survey.devographics.com/en-US/survey/state-of-html/2023
#survey
State of HTML 2023
Take the State of HTML survey
Techniques for Sharing Data between Vue.js Components
In this article, you’ll learn about the various techniques data is shared between Vue.js components.
Props, Emits, Slots, Stores as well as Provide and Inject - https://vueschool.io/articles/vuejs-tutorials/techniques-for-sharing-data-between-vue-js-components
#vue
In this article, you’ll learn about the various techniques data is shared between Vue.js components.
Props, Emits, Slots, Stores as well as Provide and Inject - https://vueschool.io/articles/vuejs-tutorials/techniques-for-sharing-data-between-vue-js-components
#vue
vueschool.io
Techniques for Sharing Data between Vue.js Components - Vue School Articles
With the growing use of component-based architectures, large and complex apps are becoming more common. Larger applications are broken into small reusable chunks that makes it easier to build, maintain, test and understand. As this is done there is a need…
Token Based Authentication with JWTs in Fastify
Learn how to build secure authentication systems with Fastify, JWT, and TypeScript with this guide. - https://thatarif.in/posts/token-based-authentication-with-fastify-jwt
#nodejs
Learn how to build secure authentication systems with Fastify, JWT, and TypeScript with this guide. - https://thatarif.in/posts/token-based-authentication-with-fastify-jwt
#nodejs
thatarif.in
Token based authentication with Fastify, JWT, and Typescript
Learn to build secure authentication systems with Fastify, JWT, and TypeScript in this comprehensive guide.
Revealing Images With CSS Mask Animations
Temani Afif demonstrates how CSS masks combined with gradients allow you to create fancy hover effects on images — with efficient, reusable code. - https://www.smashingmagazine.com/2023/09/revealing-images-css-mask-animations
#css
Temani Afif demonstrates how CSS masks combined with gradients allow you to create fancy hover effects on images — with efficient, reusable code. - https://www.smashingmagazine.com/2023/09/revealing-images-css-mask-animations
#css
Smashing Magazine
Revealing Images With CSS Mask Animations — Smashing Magazine
Let’s play with images and experiment with CSS masks. The idea is fairly simple: take a single `` tag and harness the power of CSS to accomplish complex hover transitions. Through different demos, you will see how CSS masks combined with gradients allow us…