linear() Generator
An online generator that will help you convert JavaScript/SVG easing definitions into linear() CSS format. - https://linear-easing-generator.netlify.app/
#tools
An online generator that will help you convert JavaScript/SVG easing definitions into linear() CSS format. - https://linear-easing-generator.netlify.app/
#tools
linear-easing-generator.netlify.app
Linear easing generator
Generate linear() easings from JavaScript and SVG
Exploring Nuxt 3 Middleware: A Comprehensive Overview
Nuxt.js Middlewares are custom functions run before rendering a page or group of pages. Checking authentication, modifying the server response, or accessing cookies are some of the most common usages of middleware. This article helps you understand the different types of middleware and how they work in Nuxt 3 - https://figueiredoluiz.medium.com/exploring-nuxt-3-middlewares-a-comprehensive-overview-6c45635cd6e4
#vue
Nuxt.js Middlewares are custom functions run before rendering a page or group of pages. Checking authentication, modifying the server response, or accessing cookies are some of the most common usages of middleware. This article helps you understand the different types of middleware and how they work in Nuxt 3 - https://figueiredoluiz.medium.com/exploring-nuxt-3-middlewares-a-comprehensive-overview-6c45635cd6e4
#vue
Medium
Exploring Nuxt 3 Middlewares: A Comprehensive Overview
Understand the Different Types of Middlewares and How They Work in Nuxt 3
Securing Express APIs with a Rate Limit and 'Slow Down' - https://developer.mozilla.org/en-US/blog/securing-apis-express-rate-limit-and-slow-down/
#nodejs
#nodejs
MDN Web Docs
Securing APIs: Express rate limit and slow down | MDN Blog
This guide introduces you to rate limits and slow down mechanisms. Learn how to apply slow down and rate limit mechanisms in Express applications.
How To Deal With Technical Debt
Technical debt can cause so much frustration and burnout to development teams. Software engineers can be… - https://medium.com/@techworldwithmilan/how-to-deal-with-technical-debt-b0065c1a794d
#techdebt
Technical debt can cause so much frustration and burnout to development teams. Software engineers can be… - https://medium.com/@techworldwithmilan/how-to-deal-with-technical-debt-b0065c1a794d
#techdebt
Medium
How To Deal With Technical Debt
Technical debt can cause so much frustration and burnout to development teams. Software engineers can be aware of the side effects of…
Protecting Angular Routes: Exploring the Power of canLoad and canActivate for…
Navigating a web application involves more than just creating links and rendering content for the user. Most… - https://medium.com/@roberteft/protecting-angular-routes-exploring-the-power-of-canload-and-canactivate-for-secure-and-efficient-434432bfb120
#angular
Navigating a web application involves more than just creating links and rendering content for the user. Most… - https://medium.com/@roberteft/protecting-angular-routes-exploring-the-power-of-canload-and-canactivate-for-secure-and-efficient-434432bfb120
#angular
Medium
Protecting Angular Routes: Exploring the Power of canLoad and canActivate for Secure and Efficient…
Navigating a web application involves more than just creating links and rendering content for the user. Most of the times, as developers…
5 Misconceptions about React Server Components - https://www.builder.io/blog/nextjs-react-server-components
#react
#react
Builder.io
5 Misconceptions about React Server Components
Confused about React Server Components? You're not alone. Let's bust 5 myths and discover how to supercharge your Next.js apps with this new paradigm.
Responsive type scales with composable CSS utilities
Tobias Ahlin Bjerrome explains how you can create composable, responsive, and fluid-type scales that smoothly adapt to viewport and container widths using calc(), clamp(), and CSS vars. - https://tobiasahlin.com/blog/responsive-fluid-css-type-scales
#css
Tobias Ahlin Bjerrome explains how you can create composable, responsive, and fluid-type scales that smoothly adapt to viewport and container widths using calc(), clamp(), and CSS vars. - https://tobiasahlin.com/blog/responsive-fluid-css-type-scales
#css
Tobiasahlin
Responsive type scales with composable CSS utilities
With the help of calc(), clamp() and CSS vars, we can create composable, responsive, and fluid type scales that smoothly adapts to viewport and container widths.
Developing Scalable Frontends with Feature-Sliced Design (FSD)
Building modern frontends with Feature-Sliced Design and Bit - https://blog.bitsrc.io/developing-frontends-with-feature-sliced-design-a2e5aa33d02c
#fsd
Building modern frontends with Feature-Sliced Design and Bit - https://blog.bitsrc.io/developing-frontends-with-feature-sliced-design-a2e5aa33d02c
#fsd
Medium
Developing Scalable Frontends with Feature-Sliced Design (FSD)
Building modern frontends with Feature-Sliced Design and Bit
Create API with Nuxt 3
Nuxt 3 provides the Nitro server where we can write our server-side code. Nitro uses unjs/h3 internally to create server and handle routes. In this article, you will find out how to create an API with the help of Nitro server engine and h3 route handlers. - https://medium.com/@shahriarrahi/create-api-with-nuxt3-adcb7b6a17dd
#vue
Nuxt 3 provides the Nitro server where we can write our server-side code. Nitro uses unjs/h3 internally to create server and handle routes. In this article, you will find out how to create an API with the help of Nitro server engine and h3 route handlers. - https://medium.com/@shahriarrahi/create-api-with-nuxt3-adcb7b6a17dd
#vue
Medium
Create API with Nuxt 3
Nuxt 3 provides the Nitro server where we can write our server-side code. Nitro uses unjs/h3 internally to create server and handle routes…
How We Tamed Node.js Event Loop Lag: A Deepdive
Node famously uses very few threads yet can handle a large number of clients performantly, as long as the work associated with each client is ‘small.’ When you get nested loops, as in this story, however, things can go off the rails quickly. Node’s Don’t Block the Event Loop is a great further guide to this topic. - https://trigger.dev/blog/event-loop-lag
#nodejs
Node famously uses very few threads yet can handle a large number of clients performantly, as long as the work associated with each client is ‘small.’ When you get nested loops, as in this story, however, things can go off the rails quickly. Node’s Don’t Block the Event Loop is a great further guide to this topic. - https://trigger.dev/blog/event-loop-lag
#nodejs
trigger.dev
How we tamed Node.js event loop lag: a deepdive | Trigger.dev
We recently experienced some service degradation and downtime due to event loop lag in our Node.js service. Here's how we diagnosed and fixed the issue.
React 19's useOptimistic: Everything You Need to Know - https://www.youtube.com/watch?v=QWVr7uDyBXE
#react
#react
YouTube
React 19's useOptimistic: EVERYTHING you NEED to know
useOptimistic makes your pokey backend feel fast with optimistic updates to your UI. It's simple to use, but we'll covert the gotcha, as well as how to use it with React Query and also whether or not you should use it with a state manager.
Code: https:/…
Code: https:/…
Clean Frontend Architecture: Tips to Success
This article provides some more advanced tips on how to achieve a Clean Frontend Architecture. - https://blog.stackademic.com/clean-frontend-architecture-tips-to-success-db0b159b7b38
#architecture
This article provides some more advanced tips on how to achieve a Clean Frontend Architecture. - https://blog.stackademic.com/clean-frontend-architecture-tips-to-success-db0b159b7b38
#architecture
Medium
Clean Frontend Architecture: Tips to Success
In one of my previous blog posts I have talked about the importance of Frontend Architecture, some principles around this topic and I have…
Textareas with auto-increasing height using CSS
Amit Merchant gives a short intro to an experimental CSS rule with form-sizing property that will let you increase the height of the textarea automatically based on the amount of text the user enters. - https://www.amitmerchant.com/textarea-auto-increase-height
#css
Amit Merchant gives a short intro to an experimental CSS rule with form-sizing property that will let you increase the height of the textarea automatically based on the amount of text the user enters. - https://www.amitmerchant.com/textarea-auto-increase-height
#css
Amit Merchant - A blog on PHP, JavaScript, and more
Textareas with auto-increasing height using CSS
Textareas areas are great when it comes to accepting a large amount of text from the user. But, the problem with textareas is that they have a fixed height. So, if the user enters more text than the height of the text, the text will overflow and the user…
Why Nuxt makes your Vue life better
Vue.js offers so many amazing capabilities for building web application. But did you know that with Nuxt you could have an even better experience of building Vue.js web application. In this article, find out how. - https://vuejsdevelopers.com/2024/04/10/why-nuxt-makes-your-vue-life-better/
#vue
Vue.js offers so many amazing capabilities for building web application. But did you know that with Nuxt you could have an even better experience of building Vue.js web application. In this article, find out how. - https://vuejsdevelopers.com/2024/04/10/why-nuxt-makes-your-vue-life-better/
#vue
Why Nuxt makes your Vue life better
Nuxt is a supercharged framework built on top of Vue.js. In this article let's explore some features about Nuxt that will make your experience with building Vue.js application much better.
Profiling Node.js Applications
If you’re dealing with unusual performance issues, profiling your app can determine where the issues are arising. This tutorial offers a sample project to work on and covers profiling in a handful of different ways. - https://betterstack.com/community/guides/scaling-nodejs/profiling-nodejs-applications/
#nodejs
If you’re dealing with unusual performance issues, profiling your app can determine where the issues are arising. This tutorial offers a sample project to work on and covers profiling in a handful of different ways. - https://betterstack.com/community/guides/scaling-nodejs/profiling-nodejs-applications/
#nodejs
Betterstack
Profiling Node.js Applications | Better Stack Community
This article walks you through various tools and techniques on how to profile a Node.js application to identify high CPU usage sources
Guidelines for creating performant Angular applications and their efficient…
Everything you need in one article! - https://medium.com/@patrik.horva90/guidelines-for-creating-performant-angular-applications-and-their-efficient-maintenance-6c7537bd56cf
#angular
Everything you need in one article! - https://medium.com/@patrik.horva90/guidelines-for-creating-performant-angular-applications-and-their-efficient-maintenance-6c7537bd56cf
#angular
Medium
Guidelines for creating performant Angular applications and their efficient maintenance
Everything you need in one article!
Naming Variables In CSS
Jonathan Dallas shares some thoughts related to naming CSS Custom Properties. - https://jwdallas.com/posts/nesteddarkmode/
#css
Jonathan Dallas shares some thoughts related to naming CSS Custom Properties. - https://jwdallas.com/posts/nesteddarkmode/
#css
Jwdallas
Nested Dark Mode Via CSS Proximity
How to arbitrarily nest themes to any depth
Extra Arguments for Server Actions in React Forms - https://www.robinwieruch.de/react-form-server-action-extra-arguments/
#react
#react
www.robinwieruch.de
Extra Arguments for Server Actions in React Forms
Learn how to pass extra arguments to server actions in React forms (or Next.js forms) using hidden form fields or binding the arguments to the server action ...
Best Practices for Vue Developers in 2024
This article provides some of the best practices developers should adopt when utilizing Vue. - https://medium.com/mesciusinc/best-practices-for-vue-developers-in-2024-dc2aab109578
#vue
This article provides some of the best practices developers should adopt when utilizing Vue. - https://medium.com/mesciusinc/best-practices-for-vue-developers-in-2024-dc2aab109578
#vue
Medium
Best Practices for Vue Developers in 2024
If you want to put the importance for developers to keep up with the best practices for JavaScript, consider this. The number of websites…
How to Perform Data Validation in Node
Explores data validation in the Node backend, and shows us how to implement it in Express using the express-validator library. - https://blog.appsignal.com/2024/06/19/how-to-perform-data-validation-in-nodejs.html
#nodejs
Explores data validation in the Node backend, and shows us how to implement it in Express using the express-validator library. - https://blog.appsignal.com/2024/06/19/how-to-perform-data-validation-in-nodejs.html
#nodejs
Appsignal
How to Perform Data Validation in Node.js | AppSignal Blog
We'll see how data validation works in Node before implementing it in Express.