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
Baker’s son turned web developer, kneading pixels and code for 15+ years. I help you bake your ideas into websites 🥨.
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
Component Testing RSCs with Storybook
Testing server components can be tricky because they span the frontend/backend divide, but Storybook offers a way and here’s how. - https://storybook.js.org/blog/component-testing-rscs/
#react
Testing server components can be tricky because they span the frontend/backend divide, but Storybook offers a way and here’s how. - https://storybook.js.org/blog/component-testing-rscs/
#react
Storybook Blog
Component testing RSCs
Fully test React Server Components in the browser, fast
10 Practical Tips for Better Vue Apps
This blogpost by Daniel Kelly contains 10 practical tips to for better Vue applications - https://vueschool.io/articles/vuejs-tutorials/10-practical-tips-for-better-vue-apps/
#vue
This blogpost by Daniel Kelly contains 10 practical tips to for better Vue applications - https://vueschool.io/articles/vuejs-tutorials/10-practical-tips-for-better-vue-apps/
#vue
vueschool.io
10 Practical Tips for Better Vue Apps - Vue School Articles
Take your Vue.js skills to the next level with these 10 practical tips including: script setup, provide/inject, defineExpose, toRefs, and more
Code Review: benefits, best practices, tools, and tips
Code review is all about authors inviting other developers to give their input on the code before it becomes… - https://levelup.gitconnected.com/code-review-benefits-best-practices-tools-and-tips-b8b214d380d3
#code #revew
Code review is all about authors inviting other developers to give their input on the code before it becomes… - https://levelup.gitconnected.com/code-review-benefits-best-practices-tools-and-tips-b8b214d380d3
#code #revew
Medium
Code Review: benefits, best practices, tools, and tips
Code review is all about authors inviting other developers to give their input on the code before it becomes part of our codebase. It’s…
Prisma 6: Better Performance, More Flexibility and Type-Safe SQL
Prisma is a popular, powerful ORM for Node.js and TypeScript apps that takes pride in doing things a little differently to most. You can now use it easily with serverless database platforms like PlanetScale and Neon, as well as in edge function platforms like Cloudflare Workers. D1 and Turso are now supported, and you can also write type-safe raw SQL queries. - https://www.prisma.io/blog/prisma-6-better-performance-more-flexibility-and-type-safe-sql
#nodejs
Prisma is a popular, powerful ORM for Node.js and TypeScript apps that takes pride in doing things a little differently to most. You can now use it easily with serverless database platforms like PlanetScale and Neon, as well as in edge function platforms like Cloudflare Workers. D1 and Turso are now supported, and you can also write type-safe raw SQL queries. - https://www.prisma.io/blog/prisma-6-better-performance-more-flexibility-and-type-safe-sql
#nodejs
Prisma
Prisma 6: Better Performance, More Flexibility & Type-Safe SQL
Today, we are releasing Prisma v6! Since the last major version, we have been hard at work incorporating user feedback, making Prisma ORM faster and more flexible, and adding amazing features like type-safe raw SQL queries.
A Framework for Evaluating Browser Support
Josh W. Comeau shares a framework that might help you decide whether it’s appropriate to use a new CSS feature. - https://www.joshwcomeau.com/css/browser-support
#css
Josh W. Comeau shares a framework that might help you decide whether it’s appropriate to use a new CSS feature. - https://www.joshwcomeau.com/css/browser-support
#css
Joshwcomeau
A Framework for Evaluating Browser Support • Josh W. Comeau
Lots of exciting new features have been landing in CSS recently, and it can be tough trying to figure out if they’re safe to use or not. We might know that a feature is available for 92% of users, but is that sufficient? Where do we draw the line? In this…
System Design Interview: Design WhatsApp
Prepare for system design interviews with this guide to designing a WhatsApp-like messaging app. - https://levelup.gitconnected.com/system-design-interview-design-whatsapp-779fa385ef08
#system #design #interview
Prepare for system design interviews with this guide to designing a WhatsApp-like messaging app. - https://levelup.gitconnected.com/system-design-interview-design-whatsapp-779fa385ef08
#system #design #interview
Medium
System Design Interview: Design WhatsApp
Prepare for system design interviews with this guide to designing a WhatsApp-like messaging app.
Understanding Environment Variables in Nuxt 3
This blog post by Michael Thiessen delves into the usage and understanding of environment variables in Nuxt 3. It covers the importance of .env files, explains how to create and use them, and highlights best practices. - https://masteringnuxt.com/blog/understanding-environment-variables-in-nuxt3
#vue
This blog post by Michael Thiessen delves into the usage and understanding of environment variables in Nuxt 3. It covers the importance of .env files, explains how to create and use them, and highlights best practices. - https://masteringnuxt.com/blog/understanding-environment-variables-in-nuxt3
#vue
Masteringnuxt
Understanding Environment Variables in Nuxt 3
This blog post delves into the usage and understanding of environment variables in Nuxt 3. It covers the importance of .env files, explains how to create and use them, and highlights best practices.