Playing with Infinity in CSS
Will Boyd explores the infinity constant in CSS, trying to find some practical use cases. - https://codersblock.com/blog/playing-with-infinity-in-css
#css
Will Boyd explores the infinity constant in CSS, trying to find some practical use cases. - https://codersblock.com/blog/playing-with-infinity-in-css
#css
Codersblock
Playing with Infinity in CSS
CSS has an infinity constant. When I first learned about this, my brain lit up with all kinds of absurd possibilities. Let’s discuss! There might even be some...
👍5🥰1
Instant Search Params with React Server Components - https://buildui.com/posts/instant-search-params-with-react-server-components
#react
#react
Build UI
Instant Search Params with React Server Components
👍2❤1
Image Optimization in Web Development: Everything You Need to Know
According to HTTP Archive, as of November 2018, images make up on average 21% of a total webpage’s weight… - https://itnext.io/%EF%B8%8F-image-optimization-in-web-development-everything-you-need-to-know-a12540f3dcf4
#image #optimization
According to HTTP Archive, as of November 2018, images make up on average 21% of a total webpage’s weight… - https://itnext.io/%EF%B8%8F-image-optimization-in-web-development-everything-you-need-to-know-a12540f3dcf4
#image #optimization
Medium
🖼️ Image Optimization in Web Development: Everything You Need to Know
According to HTTP Archive, as of November 2018, images make up on average 21% of a total webpage’s weight. Image optimization can improve…
👍4
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide - https://nodesource.com/blog/nodejs-package-manager-comparative-guide-2024
#nodejs
#nodejs
The NodeSource Blog - Node.js Tutorials, Guides, and Updates
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide
Explore the top Node.js package managers in 2024: npm, Yarn, pnpm. Compare features, performance, and choose the best for your project.
👍3
Changes to CSS ::backdrop inheritance
Bramus Van Damme shares the latest update to ::backdrop — it now inherits any inheritable properties from its originating element. - https://developer.chrome.com/blog/css-backdrop-inheritance
#css
Bramus Van Damme shares the latest update to ::backdrop — it now inherits any inheritable properties from its originating element. - https://developer.chrome.com/blog/css-backdrop-inheritance
#css
Chrome for Developers
Changes to CSS ::backdrop inheritance | Blog | Chrome for Developers
As of Chrome 122 the `::backdrop` element inherits properties from its originating element.
👍5
Standalone Angular & Nx
Standalone components, directives, and pipes are the future of Angular. Luckily, Nx works great with the new… - https://medium.com/ngconf/standalone-angular-nx-414882d8d787
#angular
Standalone components, directives, and pipes are the future of Angular. Luckily, Nx works great with the new… - https://medium.com/ngconf/standalone-angular-nx-414882d8d787
#angular
Medium
Standalone Angular & Nx
Standalone components, directives, and pipes are the future of Angular. Luckily, Nx works great with the new paradigm.
👍5
Testing Next.js App Router API Routes - https://blog.arcjet.com/testing-next-js-app-router-api-routes/
#react
#react
Arcjet blog
Testing Next.js app router API routes
How do you test Next.js app router API route handlers? A guide to testing Next.js API routes and mocking next-auth to properly test authenticated routes.
👍4🔥1
Top 5 mistakes to avoid when using Pinia
In this article, Eduardo - creator of Pinia provides some common mistakes when using Pinia and how to fix them. - https://masteringpinia.com/blog/top-5-mistakes-to-avoid-when-using-pinia
#vue
In this article, Eduardo - creator of Pinia provides some common mistakes when using Pinia and how to fix them. - https://masteringpinia.com/blog/top-5-mistakes-to-avoid-when-using-pinia
#vue
Masteringpinia
Top 5 mistakes to avoid when using Pinia
This article provides some common mistakes when using Pinia and how to fix them.
👍7
Converting Signals to Observables in Angular: What You Need to Know
Angular v16 introduces the new package rxjs-interop, which comes with a handy function called toObservable… - https://netbasal.com/converting-signals-to-observables-in-angular-what-you-need-to-know-971eacd3af2
#angular
Angular v16 introduces the new package rxjs-interop, which comes with a handy function called toObservable… - https://netbasal.com/converting-signals-to-observables-in-angular-what-you-need-to-know-971eacd3af2
#angular
Medium
Converting Signals to Observables in Angular: What You Need to Know
Angular v16 introduces the new package rxjs-interop, which comes with a handy function called toObservable that allows developers to…
👍3
A Global Design System
Brad Frost outlines an idea for a Global Design System to provide the world’s web designers & developers with a library of common UI components. - https://bradfrost.com/blog/post/a-global-design-system
#css
Brad Frost outlines an idea for a Global Design System to provide the world’s web designers & developers with a library of common UI components. - https://bradfrost.com/blog/post/a-global-design-system
#css
Brad Frost
A Global Design System
TL;DR: This is a call to action to create a Global Design System that provides the world's web designers & developers a library of common UI components. A Global Design System would improve the quality and accessibility of the world's web experiences, save…
👍3❤1
Modern Server-Side Design with Node.js and TypeScript
Introduction to Modern Server-Side Design with Node.js and TypeScript - https://medium.com/@yurii.h.dev/modern-server-side-design-with-node-js-and-typescript-3fcb46cd461c
#nodejs
Introduction to Modern Server-Side Design with Node.js and TypeScript - https://medium.com/@yurii.h.dev/modern-server-side-design-with-node-js-and-typescript-3fcb46cd461c
#nodejs
Medium
Modern Server-Side Design with Node.js and TypeScript
1 Introduction to Modern Server-Side Design with Node.js and TypeScript
🔥3👍2❤1
7 Advanced Techniques for Dependency Injection in Angular
Hello, developers! Today, let’s deep-dive into the labyrinthine world of Dependency Injection (DI) in… - https://itnext.io/7-advanced-techniques-for-dependency-injection-in-angular-c4f96c3c8dd8
#angular
Hello, developers! Today, let’s deep-dive into the labyrinthine world of Dependency Injection (DI) in… - https://itnext.io/7-advanced-techniques-for-dependency-injection-in-angular-c4f96c3c8dd8
#angular
Medium
7 Advanced Techniques for Dependency Injection in Angular
Hello, developers! Today, let’s deep-dive into the labyrinthine world of Dependency Injection (DI) in Angular. If you’re looking to write…
👍2🥰1
How to Elegantly Observe localStorage Changes in Vue 3?
The native localStorage can only listen to changes within the same origin across different pages. However, for single-page applications, this approach is not practical. In this article the author outlines a solution to create a custom hook to monitor changes in localStorage. - https://javascript.plainenglish.io/how-to-elegantly-observe-localstorage-changes-in-vue-3-a42fcf9c82ca
#vue
The native localStorage can only listen to changes within the same origin across different pages. However, for single-page applications, this approach is not practical. In this article the author outlines a solution to create a custom hook to monitor changes in localStorage. - https://javascript.plainenglish.io/how-to-elegantly-observe-localstorage-changes-in-vue-3-a42fcf9c82ca
#vue
Medium
How to Elegantly Observe localStorage Changes in Vue 3?
Why do this?
👍5
Best Practices for Writing Tests with React Testing Library
Covers common mistakes made when using React Testing Library, along with topics like using specific queries to improve test coverage. - https://claritydev.net/blog/improving-react-testing-library-tests
#react
Covers common mistakes made when using React Testing Library, along with topics like using specific queries to improve test coverage. - https://claritydev.net/blog/improving-react-testing-library-tests
#react
claritydev.net
Best Practices for Writing Tests with React Testing Library
Properly written tests not only help prevent regressions and buggy code, but in the case of React Testing Library, they also improve the accessibility of components and the overall user experience. In this post, we'll explore how to get the most out of your…
👍5
Implementing Micro-frontends for Large Applications
Micro-frontends are an exciting and futuristic approach to modern web development. If you are working on a… - https://blog.bitsrc.io/implementing-micro-frontends-for-large-applications-1e1b3c241097
#microfrontends
Micro-frontends are an exciting and futuristic approach to modern web development. If you are working on a… - https://blog.bitsrc.io/implementing-micro-frontends-for-large-applications-1e1b3c241097
#microfrontends
Medium
Micro-frontends for Large Applications
How to handle complex and large applications using micro-frontends.
👍5❤1
Ultimate Guide to Visual Testing with Playwright
Ultimate or not, this tutorial is pretty thorough and will get you several steps down the road of fetching pages and making visual comparisons, all from JavaScript. - https://www.browsercat.com/post/ultimate-guide-visual-testing-playwright
#nodejs
Ultimate or not, this tutorial is pretty thorough and will get you several steps down the road of fetching pages and making visual comparisons, all from JavaScript. - https://www.browsercat.com/post/ultimate-guide-visual-testing-playwright
#nodejs
BrowserCat
Ultimate Guide to Visual Testing with Playwright
Visual testing is essential in web app development, ensuring your users never face a broken UI. Learn everything you'll need in this comprehensive guide.
❤3👍2
The Quiet, Pervasive Devaluation of Frontend
Josh Collinsworth examines the perceived devaluation of front-end development work. - https://joshcollinsworth.com/blog/devaluing-frontend
#css
Josh Collinsworth examines the perceived devaluation of front-end development work. - https://joshcollinsworth.com/blog/devaluing-frontend
#css
Josh Collinsworth
The quiet, pervasive devaluation of frontend
I keep noticing those of us in the frontend field being treated much the same as nurses, paralegals, and executive assistants. Our work is seen as important, certainly, but just not the same as, or as important as, the “real” work.
👍5😁1
Optimizing Angular Form Validation with Lazy Load
Lazy loading is a technique used to improve the performance of web applications by only loading the necessary… - https://netbasal.com/optimizing-angular-form-validation-with-lazy-load-61265536a6f2
#angular
Lazy loading is a technique used to improve the performance of web applications by only loading the necessary… - https://netbasal.com/optimizing-angular-form-validation-with-lazy-load-61265536a6f2
#angular
Medium
Optimizing Angular Form Validation with Lazy Load
Lazy loading is a technique used to improve the performance of web applications by only loading the necessary code and resources when…
👍6
The REST API Handbook – How to Build, Test, Consume, and Document REST APIs
REST is a widely-used architectural style for building web services & APIs. It's designed to be simple, scalable, & flexible – and it's a good skill to have. This article provides a guide on how to build, test, consume & document REST APIs. - https://www.freecodecamp.org/news/build-consume-and-document-a-rest-api/
#reastapi
REST is a widely-used architectural style for building web services & APIs. It's designed to be simple, scalable, & flexible – and it's a good skill to have. This article provides a guide on how to build, test, consume & document REST APIs. - https://www.freecodecamp.org/news/build-consume-and-document-a-rest-api/
#reastapi
freeCodeCamp.org
The REST API Handbook – How to Build, Test, Consume, and Document REST APIs
Hi everyone! In this tutorial we're going to take a deep dive into REST APIs. I recently wrote this article where I explained the main differences between common API types nowadays. And this tutorial aims to show you an example of how you can fully i...
👍6
How to Create a Draggable Item in Vue Without Using Any Packages
Vue.js provides a smooth way to connect events which makes working with the Document Object Model (DOM) easier. This opens up a wide range of possibilities for developers. In this concise guide, explore the art of making an item draggable in Vue. - https://medium.com/@alemrandev/how-to-create-a-draggable-item-in-vue-without-using-any-packages-871a132b083b
#vue
Vue.js provides a smooth way to connect events which makes working with the Document Object Model (DOM) easier. This opens up a wide range of possibilities for developers. In this concise guide, explore the art of making an item draggable in Vue. - https://medium.com/@alemrandev/how-to-create-a-draggable-item-in-vue-without-using-any-packages-871a132b083b
#vue
Medium
How to Create a Draggable Item in Vue Without Using Any Packages
Vue.js stands out as a powerhouse for crafting interactive and seamless user experiences. Its ability to effortlessly bind events, simplify…
👍4