Come to the light-dark() Side
Sara Joy demonstrates modern CSS features that make respecting user color scheme preferences trivial. - https://css-tricks.com/come-to-the-light-dark-side
#css
Sara Joy demonstrates modern CSS features that make respecting user color scheme preferences trivial. - https://css-tricks.com/come-to-the-light-dark-side
#css
CSS-Tricks
Come to the light-dark() Side | CSS-Tricks
Dark mode interfaces have matured a lot in the past few years. We all know the "traditional" approach using media queries but in this article, Sara Joy demonstrates modern CSS features that make respecting user color scheme preferences pretty darn easy.
👍4
Controlling When Components are Loaded in Nuxt
Explore how to optimize your Nuxt app’s performance by controlling when components load. Learn about lazy components, prefetching, and making components asynchronous to enhance user experience and reduce initial load times. - https://masteringnuxt.com/blog/controlling-when-components-are-loaded-in-nuxt
#vue
Explore how to optimize your Nuxt app’s performance by controlling when components load. Learn about lazy components, prefetching, and making components asynchronous to enhance user experience and reduce initial load times. - https://masteringnuxt.com/blog/controlling-when-components-are-loaded-in-nuxt
#vue
Masteringnuxt
Controlling When Components are Loaded in Nuxt
Explore how to optimize your Nuxt app’s performance by controlling when components load. Learn about lazy components, prefetching, and making components asynchronous to enhance user experience and reduce initial load times.
👍4
Feature-Based React Architecture
“In a feature-based architecture, each feature is decoupled from the others as much as possible. This way we can keep the components and their data fetching functions focused on their domain.” - https://www.robinwieruch.de/react-feature-architecture/
#react
“In a feature-based architecture, each feature is decoupled from the others as much as possible. This way we can keep the components and their data fetching functions focused on their domain.” - https://www.robinwieruch.de/react-feature-architecture/
#react
www.robinwieruch.de
Feature-based React Architecture
How to create a feature-based React architecture that allows large scale applications ...
👍2
Most-Used Distributed System Design Patterns
Distributed system design patterns provide architects and developers with proven solutions and best practices… - https://medium.com/javarevisited/most-used-distributed-system-patterns-d5d90ffedf33
#system #design #patterns
Distributed system design patterns provide architects and developers with proven solutions and best practices… - https://medium.com/javarevisited/most-used-distributed-system-patterns-d5d90ffedf33
#system #design #patterns
Medium
Most-Used Distributed System Design Patterns
Distributed system design patterns provide architects and developers with proven solutions and best practices for designing and…
👍2
At Last! Simple Details/Summary Animation With Pure CSS
Kevin Powell shows how to easily animate details/summary elements using modern CSS. - https://www.youtube.com/watch?v=Vzj3jSUbMtI
#css
Kevin Powell shows how to easily animate details/summary elements using modern CSS. - https://www.youtube.com/watch?v=Vzj3jSUbMtI
#css
YouTube
Animate details & summary with a few lines of CSS
If you’ve ever used a details/summary, you’ve definitely wished there was an easy way to animate them opening and closing. Well, thanks to to modern CSS, this is becoming possible! And while browser support isn’t perfect for a lot of this, it’s the perfect…
❤4👍2
Node.js 22 Runtime Now Available in AWS Lambda
AWS’s popular serverless platform, which initially launched with only Node.js support, has just turned ten, and this week adds official support for the latest Node LTS release too. - https://aws.amazon.com/ru/blogs/compute/node-js-22-runtime-now-available-in-aws-lambda/
#nodejs
AWS’s popular serverless platform, which initially launched with only Node.js support, has just turned ten, and this week adds official support for the latest Node LTS release too. - https://aws.amazon.com/ru/blogs/compute/node-js-22-runtime-now-available-in-aws-lambda/
#nodejs
Amazon
Node.js 22 runtime now available in AWS Lambda | Amazon Web Services
This post is written by Julian Wood, Principal Developer Advocate, and Andrea Amorosi, Senior SA Engineer. You can now develop AWS Lambda functions using the Node.js 22 runtime, which is in active LTS status and ready for production use. Node.js 22 includes…
👍4❤3
Introduction to Command Pattern in Angular
There are a few ways to delegate tasks. In this scenario, the display mode of path visualization will be… - https://medium.com/a-layman/introduction-of-command-pattern-in-angular-bdef4038ac48
#angular
There are a few ways to delegate tasks. In this scenario, the display mode of path visualization will be… - https://medium.com/a-layman/introduction-of-command-pattern-in-angular-bdef4038ac48
#angular
Medium
Introduction to Command Pattern in Angular
There are a few ways to delegate tasks. In this scenario, the display mode of path visualization will be changed when the option of…
👍2
6 Principles of High-Performance Software Development Team
Marc Andreessen, co-founder and general partner of venture capital firm Andreessen Horowitz, said, “Software… - https://medium.com/beyond-agile-leadership/6-principles-of-high-performance-software-development-team-7bc1f5021add
#software #-development
Marc Andreessen, co-founder and general partner of venture capital firm Andreessen Horowitz, said, “Software… - https://medium.com/beyond-agile-leadership/6-principles-of-high-performance-software-development-team-7bc1f5021add
#software #-development
Medium
6 Principles of High-Performance Software Development Team
Marc Andreessen, co-founder and general partner of venture capital firm Andreessen Horowitz, said, “Software is eating the world.” The…
👍4
Create Your Own Cloudflare Workers AI LLM Playground Using NuxtHub and NuxtUI
Learn how to build your own AI LLM Playground using Cloudflare Workers, NuxtHub, and NuxtUI. This guide walks you through the process, offering a step-by-step tutorial for integrating these tools into your project - https://dev.to/ra_jeeves/create-your-own-cloudflare-workers-ai-llm-playground-using-nuxthub-and-nuxtui-3f1m
#vue
Learn how to build your own AI LLM Playground using Cloudflare Workers, NuxtHub, and NuxtUI. This guide walks you through the process, offering a step-by-step tutorial for integrating these tools into your project - https://dev.to/ra_jeeves/create-your-own-cloudflare-workers-ai-llm-playground-using-nuxthub-and-nuxtui-3f1m
#vue
DEV Community
Create Your Own Cloudflare Workers AI LLM Playground Using NuxtHub and NuxtUI
You might be wondering, 'Another LLM (Large Language Model) playground? Aren't there plenty of these...
👍3
Building a Teleprompter App in 30 Minutes with AI
Building apps with AI powered tools isn’t that unusual nowadays, but if you’ve never seen the process, this is a good look at the process all the way through to deployment. He uses Vercel’s v0, Replit and Cursor. - https://www.youtube.com/watch?v=PbqYgK1xpms
#react
Building apps with AI powered tools isn’t that unusual nowadays, but if you’ve never seen the process, this is a good look at the process all the way through to deployment. He uses Vercel’s v0, Replit and Cursor. - https://www.youtube.com/watch?v=PbqYgK1xpms
#react
YouTube
Building a Teleprompter App in 30 mins using Vercel v0, Replit & Cursor.AI
*Get my best prompts here (for free!) → https://kilian.id/prompts*
Walking you step by step through how I build a teleprompter app as a non-technical person with no coding education. To build this app, I used Vercel v0, Replit & Cursor.AI. If I can do it…
Walking you step by step through how I build a teleprompter app as a non-technical person with no coding education. To build this app, I used Vercel v0, Replit & Cursor.AI. If I can do it…
👍6
Avoiding False Positives in Node.js Tests
Specifically, avoiding loose/unstrict equality checks, overly general assertions, shallow equality, and misunderstandings over what assertions are doing. - https://blog.appsignal.com/2024/11/20/avoiding-false-positives-in-nodejs-tests.html
#nodejs
Specifically, avoiding loose/unstrict equality checks, overly general assertions, shallow equality, and misunderstandings over what assertions are doing. - https://blog.appsignal.com/2024/11/20/avoiding-false-positives-in-nodejs-tests.html
#nodejs
Appsignal
Avoiding False Positives in Node.js Tests | AppSignal Blog
Let's examine several common false positive patterns that can crop up in Node.js test suites.
👍4
Popping Comments With CSS Anchor Positioning and View-Driven Animations
Juan Diego Rodríguez demonstrates how to dynamically show comments using Anchor Positioning and View-Driven Animations. - https://css-tricks.com/popping-comments-with-css-anchor-positioning-and-view-driven-animations
#css
Juan Diego Rodríguez demonstrates how to dynamically show comments using Anchor Positioning and View-Driven Animations. - https://css-tricks.com/popping-comments-with-css-anchor-positioning-and-view-driven-animations
#css
CSS-Tricks
Popping Comments With CSS Anchor Positioning and View-Driven Animations | CSS-Tricks
The State of CSS 2024 survey wrapped up and the results are interesting, as always. Even though each section is worth analyzing, we are usually most hyped
👍4
Principles SOLID in Angular
SOLID is a mnemonic proposed by Robert C. Martin. Known in the programming community as Uncle Bob. SOLID… - https://medium.com/principles-solid-in-angular/principles-solid-in-angular-e3f315b5bc70
#angular
SOLID is a mnemonic proposed by Robert C. Martin. Known in the programming community as Uncle Bob. SOLID… - https://medium.com/principles-solid-in-angular/principles-solid-in-angular-e3f315b5bc70
#angular
Medium
Principles SOLID in Angular
SOLID is a mnemonic proposed by Robert C. Martin. Known in the programming community as Uncle Bob. SOLID principles constitute a key set of…
👍4
Seamless Contact Form experience with Netlify Form in Nuxt 3
Contact form is an essential part of any portfolio site, where people can reach you for further queries and questions. In this article, explore how to use Netlify Form service to create a contact form and handle its submission from end to end in a Nuxt static site. - https://dev.to/mayashavin/seamless-contact-form-experience-with-netlify-form-in-nuxt-3-3amn
#vue
Contact form is an essential part of any portfolio site, where people can reach you for further queries and questions. In this article, explore how to use Netlify Form service to create a contact form and handle its submission from end to end in a Nuxt static site. - https://dev.to/mayashavin/seamless-contact-form-experience-with-netlify-form-in-nuxt-3-3amn
#vue
DEV Community
Seamless Contact Form experience with Netlify Form in Nuxt 3
Learn how to use Netlify Form with Nuxt SSR pre-rendering to create a seamless contact form experience for your static site.
👍3
Dynamic Terrain Deformations with React Three Fiber
Getting an animated 3D model to leave footprints in the snow. - https://tympanus.net/codrops/2024/11/27/creating-dynamic-terrain-deformation-with-react-three-fiber/
#react
Getting an animated 3D model to leave footprints in the snow. - https://tympanus.net/codrops/2024/11/27/creating-dynamic-terrain-deformation-with-react-three-fiber/
#react
Codrops
Creating Dynamic Terrain Deformation with React Three Fiber | Codrops
An exploration of real-time terrain reshaping through user interactions, using React Three Fiber.
👍3
How to Map EVERYTHING in the Enterprise’s Architecture & Technology - https://medium.com/analysts-corner/how-to-map-everything-in-the-enterprises-architecture-technology-4a708cefbd46
#architecture
#architecture
Medium
How to Map EVERYTHING in the Enterprise’s Architecture & Technology
Enterprise Architecture
👍2
Increasing Agility in Microfrontend Design: A Developer’s Guide
Looking at different techniques to increase agility in Microfrontend design - https://blog.bitsrc.io/increasing-agility-in-microfrontend-design-a-developers-guide-c1d72af85c33
#microfrontends
Looking at different techniques to increase agility in Microfrontend design - https://blog.bitsrc.io/increasing-agility-in-microfrontend-design-a-developers-guide-c1d72af85c33
#microfrontends
Medium
Increasing Agility in Microfrontend Design: A Developer’s Guide
Looking at different techniques to increase agility in Microfrontend design
👍3
Build Well-Documented and Authenticated APIs in Node with Fastify - https://blog.heroku.com/build-openapi-apis-nodejs-fastify
#nodejs
#nodejs
Heroku
Build Well-Documented and Authenticated APIs in Node.js with Fastify
If you’re an API developer working with Node.js, then you’re probably familiar with Express. But have you tried out the Fastify framework to build APIs?
👍5