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
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…
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.
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.
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
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
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?
Beautiful Focus Outlines
Thomas Günther offers some advice on designing beautiful focus outlines. - https://medienbaecker.com/articles/focus-outlines
#css
Thomas Günther offers some advice on designing beautiful focus outlines. - https://medienbaecker.com/articles/focus-outlines
#css
Medienbaecker
Beautiful focus outlines · Medienbäcker Thomas Günther
How to make focus outlines both beautiful and accessible. I'll show you my approach using CSS custom properties, share practical tips for different contexts, and explain why treating focus states as essential design elements creates interfaces that work for…
Common Practices That Kill Performance in Angular Applications
Developing high-performance Angular apps requires avoiding common pitfalls. Here are key practices that harm… - https://medium.com/@erickzanetti/common-practices-that-kill-performance-in-angular-applications-e0a25a5870cd
#angular
Developing high-performance Angular apps requires avoiding common pitfalls. Here are key practices that harm… - https://medium.com/@erickzanetti/common-practices-that-kill-performance-in-angular-applications-e0a25a5870cd
#angular
Medium
Common Practices That Kill Performance in Angular Applications
Developing high-performance Angular apps requires avoiding common pitfalls. Here are key practices that harm performance and how to fix…
Nuxt Going Full-Stack: How to Validate Forms?
In this article, the author demonstrates how he managed to validate forms on both the client and server sides without duplicating the validation logic, from simple text fields to complex file uploads with NuxtHub. - https://soubiran.dev/posts/nuxt-going-full-stack-how-to-streamline-form-validation
#vue
In this article, the author demonstrates how he managed to validate forms on both the client and server sides without duplicating the validation logic, from simple text fields to complex file uploads with NuxtHub. - https://soubiran.dev/posts/nuxt-going-full-stack-how-to-streamline-form-validation
#vue
Estéban Soubiran
Nuxt Going Full-Stack: How to Streamline Form Validation? - Estéban Soubiran
Discover how to validate forms on both the client and server sides without duplicating the validation logic, from simple text fields to complex file uploads.
How To Improve 'Interaction to Next Paint' in React
Interaction to Next Paint (INP) is a common Web performance metric based on the latency and responsiveness of an app to user interactions, and Google even uses it as part of its ranking mechanism. Jacob offers up lots of advice and resources for improving your INP situation in React apps. - https://kurtextrem.de/posts/improve-inp-react
#react
Interaction to Next Paint (INP) is a common Web performance metric based on the latency and responsiveness of an app to user interactions, and Google even uses it as part of its ranking mechanism. Jacob offers up lots of advice and resources for improving your INP situation in React apps. - https://kurtextrem.de/posts/improve-inp-react
#react
kurtextrem.de
How To Improve INP: React⚛️
All-in-one guide for improving Interaction-to-Next-Paint (INP) Core Web Vital in React applications. Introduces the useAfterPaintEffect hook.
Building a Scalable User Management System in TypeScript with Design Patterns
In this blog post, we will walk through the process of building a scalable user management system using… - https://blog.devgenius.io/building-a-scalable-user-management-system-in-typescript-with-design-patterns-3e8ffd50ca12
#nodejs
In this blog post, we will walk through the process of building a scalable user management system using… - https://blog.devgenius.io/building-a-scalable-user-management-system-in-typescript-with-design-patterns-3e8ffd50ca12
#nodejs
Medium
Building a Scalable User Management System in TypeScript with Design Patterns
In this blog post, we will walk through the process of building a scalable user management system using TypeScript and Mongoose. We will…
CSS Popover + Anchor Positioning is Magical
Kevin Powell demonstrates how CSS anchor positioning works. - https://www.youtube.com/watch?v=DNXEORSk4GU
#css
Kevin Powell demonstrates how CSS anchor positioning works. - https://www.youtube.com/watch?v=DNXEORSk4GU
#css
YouTube
CSS Popover + Anchor Positioning is Magical
If you’ve ever needed the positioning of an element to be connected (or anchored) to the position of another element, then you’ll be very excited about anchor positioning in CSS! It is new (as of the time of recording), but thankfully, we have a really good…
Software Architecture Diagrams with C4 Model
Read the original article on packagemain.tech - https://itnext.io/software-architecture-diagrams-with-c4-model-898adcb534c2
#architecture
Read the original article on packagemain.tech - https://itnext.io/software-architecture-diagrams-with-c4-model-898adcb534c2
#architecture
Medium
Software Architecture Diagrams with C4 Model
Read the original article on packagemain.tech
v-model and defineModel: A Comprehensive Guide to Two-Way Binding in Vue.js 3
While v-model remains useful for basic scenarios, defineModel offers a cleaner and more concise approach for complex data structures in custom components. - https://vueschool.io/articles/vuejs-tutorials/v-model-and-definemodel-a-comprehensive-guide-to-two-way-binding-in-vue-js-3/
#vue
While v-model remains useful for basic scenarios, defineModel offers a cleaner and more concise approach for complex data structures in custom components. - https://vueschool.io/articles/vuejs-tutorials/v-model-and-definemodel-a-comprehensive-guide-to-two-way-binding-in-vue-js-3/
#vue
vueschool.io
v-model & defineModel: Two-Way Binding in Vue 3 - Vue School Articles
Master v-model and defineModel for two-way binding in Vue 3. Learn how to use these features for efficient data binding in your Vue.js apps.
React Data Fetching Patterns
Not about how to fetch data in React apps, but some common patterns to structure said fetching. - https://www.robinwieruch.de/react-data-fetching-patterns/
#react
Not about how to fetch data in React apps, but some common patterns to structure said fetching. - https://www.robinwieruch.de/react-data-fetching-patterns/
#react
www.robinwieruch.de
React Data Fetching Patterns
Data fetching patterns for React components across Client and Server Components ...
Angular Coding Best Practices - https://medium.com/@alokkumar.nayak2009/angular-best-practices-fbe91f7d96db
#angular
#angular
Medium
Angular Coding Best Practices
Introduction
Make creative borders with background-clip border-area
Jen Simmons explains how you can apply a background image to a border using background-clip: border-area, available today in Safari Technology Preview and Safari 18.2 beta. - https://webkit.org/blog/16214/background-clip-border-area
#css
Jen Simmons explains how you can apply a background image to a border using background-clip: border-area, available today in Safari Technology Preview and Safari 18.2 beta. - https://webkit.org/blog/16214/background-clip-border-area
#css
WebKit
Make creative borders with background-clip border-area
How’d you like to use CSS to easily create a border from an image or gradient?
School Bus Tracker System Architecture
Explore scalable architecture for real-time location tracking and efficient notification management for… - https://medium.com/@joudwawad/school-bus-tracker-system-architecture-6dd3307e3860
#architecture
Explore scalable architecture for real-time location tracking and efficient notification management for… - https://medium.com/@joudwawad/school-bus-tracker-system-architecture-6dd3307e3860
#architecture
Medium
School Bus Tracker System Architecture
Explore scalable architecture for real-time location tracking and efficient notification management for school bus.
Skia Canvas 2.0: A Browserless Canvas Environment for Node
Based on Google’s Skia graphics engine and offers end results similar to Chrome’s own canvas system. It’s GPU accelerated and can render images, paths, fonts, shapes, and (almost) everything you’d expect. v2.0 adds support for WOFF/WOFF2 fonts, WEBP exporting, and more. - https://skia-canvas.org/
#nodejs
Based on Google’s Skia graphics engine and offers end results similar to Chrome’s own canvas system. It’s GPU accelerated and can render images, paths, fonts, shapes, and (almost) everything you’d expect. v2.0 adds support for WOFF/WOFF2 fonts, WEBP exporting, and more. - https://skia-canvas.org/
#nodejs
skia-canvas.org
Skia Canvas