Exploring :has() Again
Michelle Barker shares a couple of demos demonstrating the power of :has() pseudo-class. - https://css-irl.info/exploring-has-again/
#css
Michelle Barker shares a couple of demos demonstrating the power of :has() pseudo-class. - https://css-irl.info/exploring-has-again/
#css
CSS { In Real Life }
Exploring :has() Again
It’s been a while since my last article on here (well, a month is a while for me, anyway 😅), as I’ve been busy with my head down preparing for my talk on modern CSS layout at Beyond Tellerand, which is (checks notes) tomorrow!
👍3
Deployment strategy: blue/green deployment vs. canary release
Just-in-time feature releases and bug fixes are essential for maintaining an edge over competitors… - https://learningdaily.dev/deployment-strategy-blue-green-deployment-vs-canary-release-1158ac887a8f
#cicd
Just-in-time feature releases and bug fixes are essential for maintaining an edge over competitors… - https://learningdaily.dev/deployment-strategy-blue-green-deployment-vs-canary-release-1158ac887a8f
#cicd
Medium
Deployment strategy: blue/green deployment vs. canary release
Just-in-time feature releases and bug fixes are essential for maintaining an edge over competitors. Previously, the process of rolling out…
👍3
Top 10 Angular 17 Feature Updates Revolutionizing Web Development
Learn how to leverage Angular 17’s latest features for enhanced web development and faster application… - https://levelup.gitconnected.com/top-10-angular-17-feature-updates-revolutionizing-web-development-3b81f87a4228
#angular
Learn how to leverage Angular 17’s latest features for enhanced web development and faster application… - https://levelup.gitconnected.com/top-10-angular-17-feature-updates-revolutionizing-web-development-3b81f87a4228
#angular
Medium
Top 10 Angular 17 Feature Updates Revolutionizing Web Development
Learn how to leverage Angular 17’s latest features for enhanced web development and faster application performance.
👍2
SSR Safe Dynamic IDs in Vue
This article discusses the creation of a stable unique ID generator for elements in Vue.js, ensuring compatibility with server-side rendering (SSR). The article also introduces a directive that allows easy addition of this functionality to any element. - https://michaelnthiessen.com/ssr-safe-dynamic-ids
#vue
This article discusses the creation of a stable unique ID generator for elements in Vue.js, ensuring compatibility with server-side rendering (SSR). The article also introduces a directive that allows easy addition of this functionality to any element. - https://michaelnthiessen.com/ssr-safe-dynamic-ids
#vue
Michaelnthiessen
SSR Safe Dynamic IDs in Vue
Dynamic IDs are useful for testing, but can get tricky with SSR. Let's make a directive to do this easily, in both vanilla Vue and in Nuxt.
👍3
Building a Scalable Microservice Architecture for Nest.js Projects
In recent years, microservice architecture has gained significant popularity due to its ability to develop… - https://medium.com/widle-studio/mastering-microservices-in-nest-js-eb143a6b9639
#nodejs
In recent years, microservice architecture has gained significant popularity due to its ability to develop… - https://medium.com/widle-studio/mastering-microservices-in-nest-js-eb143a6b9639
#nodejs
Medium
Building a Scalable Microservice Architecture for Nest.js Projects
In recent years, microservice architecture has gained significant popularity due to its ability to develop scalable, maintainable, and…
👍7💩1
Spinning Diagrams with CSS
Harold Cooper demonstrates how to create spinning diagrams using just HTML and CSS. - https://x.st/spinning-diagrams-with-css
#css
Harold Cooper demonstrates how to create spinning diagrams using just HTML and CSS. - https://x.st/spinning-diagrams-with-css
#css
exist
Spinning Diagrams with CSS
This article discusses using CSS to make spinning 3D diagrams.
👍4
Sneaky React Memory Leaks: How useCallback and Closures Can Bite You - https://schiener.io/2024-03-03/react-closures
#react
#react
www.schiener.io
Sneaky React Memory Leaks: How `useCallback` and closures can bite you
Avoid performance issues caused by memory leaks in your React applications. I will show you how closures and the `useCallback` hook can lead to memory leaks and what you can do to avoid them.
👍2
How to Refactor Your Angular App from RxJS to Angular Signals
It has been some time since Angular introduced signals, and the community began to discuss whether it is a… - https://javascript.plainenglish.io/how-to-refactoryour-angular-app-from-rxjs-to-angular-signals-f33876579a38
#angular
It has been some time since Angular introduced signals, and the community began to discuss whether it is a… - https://javascript.plainenglish.io/how-to-refactoryour-angular-app-from-rxjs-to-angular-signals-f33876579a38
#angular
Medium
How to Refactor Your Angular App from RxJS to Angular Signals
It has been some time since Angular introduced signals, and the community began to discuss whether it is a step forward or a step back. For…
👍3❤1
How to Improve Page Load Times and Web Core Vitals in Nuxt Websites
This article offers practical solutions for improving web performance by reducing First Contentful Paint (FCP), Total Blocking Time, and page load time during post navigation. - https://dev.to/christonit/how-to-improve-page-load-times-and-web-core-vitals-in-nuxt-websites-j3l
#vue
This article offers practical solutions for improving web performance by reducing First Contentful Paint (FCP), Total Blocking Time, and page load time during post navigation. - https://dev.to/christonit/how-to-improve-page-load-times-and-web-core-vitals-in-nuxt-websites-j3l
#vue
DEV Community
How to Improve Page Load Times and Web Core Vitals in Nuxt Websites
We embarked in a website redesign using Nuxt that spanned 2 months of hardwork before launch. After a...
👍3
How to handle multiple API requests in your NodeJS Application
Unlike hackathons, when you’re building a NodeJS API that’s going to be used in the real world, you want to… - https://medium.com/@abhinavcv007/how-to-handle-multiple-api-requests-in-your-nodejs-application-cfa298e11b28
#nodejs
Unlike hackathons, when you’re building a NodeJS API that’s going to be used in the real world, you want to… - https://medium.com/@abhinavcv007/how-to-handle-multiple-api-requests-in-your-nodejs-application-cfa298e11b28
#nodejs
Medium
How to handle multiple API requests in your NodeJS Application
Unlike hackathons, when you’re building a NodeJS API that’s going to be used in the real world, you want to make sure that it’s capable of…
👍2
Creating Realistic Handwriting with p5.js
Amy wanted to programatically bring her (cursive) handwriting into some diagrams she was making and figured out how to make it happen with p5.js. - https://www.amygoodchild.com/blog/cursive-handwriting-in-javascript
#javascript
Amy wanted to programatically bring her (cursive) handwriting into some diagrams she was making and figured out how to make it happen with p5.js. - https://www.amygoodchild.com/blog/cursive-handwriting-in-javascript
#javascript
Amy Goodchild
Coding my Handwriting — Amy Goodchild
Coding my handwriting in Javascript - how I did it and what I’m doing with it.
👍3
Understanding Memory Leaks in Angular
Memory leaks in Angular occur when a web application retains references to objects that are no longer needed… - https://blog.stackademic.com/understanding-memory-leaks-in-angular-5619f63897d1
#angular
Memory leaks in Angular occur when a web application retains references to objects that are no longer needed… - https://blog.stackademic.com/understanding-memory-leaks-in-angular-5619f63897d1
#angular
Medium
Understanding Memory Leaks in Angular
Memory leaks in Angular occur when a web application retains references to objects that are no longer needed, preventing the JavaScript…
👍3
Chrome DevTools Offers AI for Understanding Errors and Warnings
Not everyone is going to like this, but it’s optional. Also: the first Chrome feature that requires you be over 18? - https://developer.chrome.com/docs/devtools/console/understand-messages
#devtools
Not everyone is going to like this, but it’s optional. Also: the first Chrome feature that requires you be over 18? - https://developer.chrome.com/docs/devtools/console/understand-messages
#devtools
Chrome for Developers
Understand errors and warnings better with console insights | Chrome DevTools | Chrome for Developers
Understand errors and warnings in the Console better with Gemini.
👍3
CSS Custom Properties Beyond the :root
Matthias Ott examines the reasons why we’re usually defining global custom properties on :root element. - https://matthiasott.com/notes/custom-properties-beyond-the-root
#css
Matthias Ott examines the reasons why we’re usually defining global custom properties on :root element. - https://matthiasott.com/notes/custom-properties-beyond-the-root
#css
Matthias Ott – User Experience Designer
CSS Custom Properties Beyond the :root · Matthias Ott
Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel.
👍2
Building a Quiz App Powered by Nuxt Content
This is the second in a two-part series on building an interactive quiz application on top of Nuxt Content and will cover how to add complex interactivity to Nuxt Content. - https://masteringnuxt.com/blog/building-a-quiz-app-powered-by-nuxt-content-2
#vue
This is the second in a two-part series on building an interactive quiz application on top of Nuxt Content and will cover how to add complex interactivity to Nuxt Content. - https://masteringnuxt.com/blog/building-a-quiz-app-powered-by-nuxt-content-2
#vue
Masteringnuxt
Building a Quiz App Powered by Nuxt Content (Part 2)
In this tutorial, you will improve on your existing project using Nuxt Content to build a quiz application.
👍2❤1
10 Modern Node.js Runtime Features to Start Using in 2024
If it ever feels like the new feature spotlight shines too much on Bun or Deno, never fear - Node has been taking huge strides forward too. Liran helps us catch up with a lot of the newest Node features. - https://snyk.io/blog/10-modern-node-js-runtime-features/
#nodejs
If it ever feels like the new feature spotlight shines too much on Bun or Deno, never fear - Node has been taking huge strides forward too. Liran helps us catch up with a lot of the newest Node features. - https://snyk.io/blog/10-modern-node-js-runtime-features/
#nodejs
❤4👍3🔥1
Top 10+ Angular Libraries for Your Next Web App
Choosing the right Angular libraries for your next web app can be an intimidating task. With so many options… - https://flatlogic-manager.medium.com/top-10-angular-libraries-for-your-next-web-app-edeb250a9ae3
#angular
Choosing the right Angular libraries for your next web app can be an intimidating task. With so many options… - https://flatlogic-manager.medium.com/top-10-angular-libraries-for-your-next-web-app-edeb250a9ae3
#angular
Medium
Top 10+ Angular Libraries for Your Next Web App
Choosing the right Angular libraries for your next web app can be an intimidating task. With so many options available, it can be difficult…
👍3👎1
10 Best Practices in Front-end Development
Certainly, we’ve all experienced this situation: you land a new job and are excited to start. The… - https://medium.com/@renanolovics/10-best-practices-in-front-end-development-react-5277a671e2df
#react
Certainly, we’ve all experienced this situation: you land a new job and are excited to start. The… - https://medium.com/@renanolovics/10-best-practices-in-front-end-development-react-5277a671e2df
#react
Medium
10 Best Practices in Front-end Development (React)
Certainly, we’ve all experienced this situation: you land a new job and are excited to start. The interviewers paint a bright and charming…
👍4🔥1
How 1Password Used esbuild to Cut Browser Extension Build Times
1Password is a popular password management tool that relies upon a browser extension to fill out passwords on the Web. At over a minute for a single build, things were starting to drag for the devs. Could esbuild help? A fun story with plenty of technical details. - https://blog.1password.com/new-extension-build-system/
#esbuild
1Password is a popular password management tool that relies upon a browser extension to fill out passwords on the Web. At over a minute for a single build, things were starting to drag for the devs. Could esbuild help? A fun story with plenty of technical details. - https://blog.1password.com/new-extension-build-system/
#esbuild
1Password Blog
How we used esbuild to reduce our browser extension build times by 90% | 1Password Blog
Learn how the team at 1Password created a new build system for its browser extension, speeding up development.
👍2