Angular Coding Best Practices - https://medium.com/@alokkumar.nayak2009/angular-best-practices-fbe91f7d96db
#angular
#angular
Medium
Angular Coding Best Practices
Introduction
👍8
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?
👍7
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.
👍5
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
👍6❤1
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
👍4
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
👍4
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…
👍6
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.
❤3👍3
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…
👍5
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.
👍6
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.
❤3👍2
Real-Time Font Management in Expo - https://medium.com/@valentineminer27/real-time-font-management-in-expo-2dc107fc89d1
#react
#react
Medium
Real-Time Font Management in Expo
I’ve cooked up a package that takes the headache out of font management in React Native and Expo. The coolest part? You can switch fonts on…
👍3
Experiment: Automatically triggered View Transitions with MutationObserver
Bramus Van Damme shows how to auto-trigger a View Transition with MutationObserver. - https://www.bram.us/2024/11/25/experiment-automatically-triggered-view-transitions-with-mutationobserver
#css
Bramus Van Damme shows how to auto-trigger a View Transition with MutationObserver. - https://www.bram.us/2024/11/25/experiment-automatically-triggered-view-transitions-with-mutationobserver
#css
Bram.us
View Transitions Experiment: Automatically triggered View Transitions with MutationObserver
A MutationObserver and document.startViewTransition love story.
👍6
Writing Composable SQL using Knex and Pipelines - https://lackofimagination.org/2024/11/writing-composable-sql-using-knex-and-pipelines/
#nodejs
#nodejs
Lack of Imagination
Writing Composable SQL using Knex and Pipelines
Despite all its strengths, SQL can be awkward to integrate with host languages such as JavaScript and Python. There’s often an impedance mismatch between SQL’s declarative nature and the host language’s object-oriented or functional paradigms – SQL queries…
👍3
Solved by CSS: Donuts Scopes
Juan Diego Rodríguez explores different solutions to prevent parent styles from leaking to nested content, including 2024’s @scope at-rule. - https://css-tricks.com/solved-by-css-donuts-scopes
#css
Juan Diego Rodríguez explores different solutions to prevent parent styles from leaking to nested content, including 2024’s @scope at-rule. - https://css-tricks.com/solved-by-css-donuts-scopes
#css
CSS-Tricks
Solved by CSS: Donuts Scopes | CSS-Tricks
Donut scoping addresses the challenge of preventing parent styles from leaking to nested content. Originating from a 2011 concept by Nicole Sullivan, the issue has evolved, culminating in 2024's @scope at-rule. This allows for more precise CSS styling, safeguarding…
👍4
Creating a Custom Click Me Load More Screen in Angular
If you’ve built apps in angular in the past, I’m sure you’ve experienced the blank screen while you wait for… - https://medium.com/@mrbriantreese/angular-tutorial-creating-a-custom-loading-screen-28c0f9dca098
#angular
If you’ve built apps in angular in the past, I’m sure you’ve experienced the blank screen while you wait for… - https://medium.com/@mrbriantreese/angular-tutorial-creating-a-custom-loading-screen-28c0f9dca098
#angular
Medium
Create a Custom Click Me Load More Screen in Your Angular App
If you’ve built apps in angular in the past, I’m sure you’ve experienced the blank screen while you wait for the app to be bootstrapped. In…
👍4❤2
React v19 Released
An early Christmas present! First teased in the React Labs February 2024 post, React 19 has been cooking for long enough (and in beta for 8 months) there’s already a wealth of content out there, like the React 19 upgrade guide, an explanation of the compiler, cheat sheets, and a roundup of what’s new in React 19. It’s here, and it’s time to re-explore Actions, the new hooks, use, Server Components, and more. - https://react.dev/blog/2024/12/05/react-19
#react
An early Christmas present! First teased in the React Labs February 2024 post, React 19 has been cooking for long enough (and in beta for 8 months) there’s already a wealth of content out there, like the React 19 upgrade guide, an explanation of the compiler, cheat sheets, and a roundup of what’s new in React 19. It’s here, and it’s time to re-explore Actions, the new hooks, use, Server Components, and more. - https://react.dev/blog/2024/12/05/react-19
#react
react.dev
React v19 – React
The library for web and native user interfaces
👍4
Async Prop Fetching
Learn how you can use Kitbag Router in Vue.js to fetch your async data with route params and provide that down to your components. - https://medium.com/@stackoverfloweth/async-prop-fetching-96dbb833c822
#vue
Learn how you can use Kitbag Router in Vue.js to fetch your async data with route params and provide that down to your components. - https://medium.com/@stackoverfloweth/async-prop-fetching-96dbb833c822
#vue
Medium
Async Prop Fetching
How to move dependency resolving into your routes
👍5
The new “window.ai” API will blow your mind.
Google has introduced a built-in AI model to Google Chrome with the new “window.ai” API that uses Gemini… - https://javascript.plainenglish.io/the-new-window-ai-api-will-blow-your-mind-3eb8b4704ca0
#ai
Google has introduced a built-in AI model to Google Chrome with the new “window.ai” API that uses Gemini… - https://javascript.plainenglish.io/the-new-window-ai-api-will-blow-your-mind-3eb8b4704ca0
#ai
Medium
The new “window.ai” API will blow your mind.
Google has introduced a built-in AI model to Google Chrome with the new “window.ai” API that uses Gemini Nano.
👍3
Solved By Modern CSS: Feature Image
Ahmad Shadeed shows how to use container queries and CSS :has() to build a feature image. - https://ishadeed.com/article/modern-css-feature-image
#css
Ahmad Shadeed shows how to use container queries and CSS :has() to build a feature image. - https://ishadeed.com/article/modern-css-feature-image
#css
Ishadeed
Solved By Modern CSS: Feature Image
Using container queries and CSS :has() to build a feature image.
👍4