View Transitions: Handling Aspect Ratio Changes
Jake Archibald outlines how to handle the problem when the content changes aspect ratio in View Transitions. - https://jakearchibald.com/2024/view-transitions-handling-aspect-ratio-changes
#css
Jake Archibald outlines how to handle the problem when the content changes aspect ratio in View Transitions. - https://jakearchibald.com/2024/view-transitions-handling-aspect-ratio-changes
#css
Jakearchibald
View transitions: Handling aspect ratio changes
Tips and tricks to get the transition you want
👍2❤1
Build a Real-Life, AI-Powered Project with Next.js and Strapi
A walkthrough of building a Next.js app that summarizes YouTube videos using AI and uses the Strapi open-source, headless CMS. - https://strapi.io/blog/epic-next-js-14-tutorial-learn-next-js-by-building-a-real-life-project-part-1-2
#react
A walkthrough of building a Next.js app that summarizes YouTube videos using AI and uses the Strapi open-source, headless CMS. - https://strapi.io/blog/epic-next-js-14-tutorial-learn-next-js-by-building-a-real-life-project-part-1-2
#react
Strapi
Epic Next.js 15 Tutorial Part 1
Build a video summarization app with Next.js and Strapi.
👍4
Drizzle ORM Explained in 100 Seconds
The latest bitesize video from the always educational Fireship channel covers Drizzle ORM, a fast, TypeScript-based way to work with a variety of database systems across numerous JavaScript platforms, from Node to Bun, Deno Deploy, Supabase Functions, Cloudflare Workers, and more. - https://www.youtube.com/watch?v=i_mAHOhpBSA
#nodejs
The latest bitesize video from the always educational Fireship channel covers Drizzle ORM, a fast, TypeScript-based way to work with a variety of database systems across numerous JavaScript platforms, from Node to Bun, Deno Deploy, Supabase Functions, Cloudflare Workers, and more. - https://www.youtube.com/watch?v=i_mAHOhpBSA
#nodejs
YouTube
Drizzle ORM in 100 Seconds
Drizzle is a serverless TypeScript ORM designed for PostgreSQL, MySQL and SQLite. Get started with Drizzle by hooking it up to Neon's free serverless database https://neon.tech/fireship
#programming #database #100SecondsOfCode
💬 Chat with Me on Discord…
#programming #database #100SecondsOfCode
💬 Chat with Me on Discord…
👍3
Common Mistakes in Vue and Nuxt and How to Avoid Them
In this presentation from Nuxt Nation 2023, Daniel Kelly provides some important tips on some Developer mistakes when working with Vue.js and how we can avoid them. - https://www.youtube.com/watch?v=lI4GQdhROsE
#vue
In this presentation from Nuxt Nation 2023, Daniel Kelly provides some important tips on some Developer mistakes when working with Vue.js and how we can avoid them. - https://www.youtube.com/watch?v=lI4GQdhROsE
#vue
YouTube
Nuxt Nation 2023: Daniel Kelly - Common Mistakes in Vue and Nuxt and How to Avoid Them
He is the Lead Instructor and content creator at Vue School where he enjoys helping other developers reach their full potential. Over the years, he’s worked with technologies like Vue.js, Nuxt.js, Laravel, and more, to create projects ranging from simple…
👍2🥰1
“Code Smells” in Angular
In one of my previous post I talked about “Clean Frontend Architecture” and principles that should be… - https://blog.bitsrc.io/code-smells-in-angular-ce73bf7db072
#angular
In one of my previous post I talked about “Clean Frontend Architecture” and principles that should be… - https://blog.bitsrc.io/code-smells-in-angular-ce73bf7db072
#angular
👍6
Playing with Infinity in CSS
Will Boyd explores the infinity constant in CSS, trying to find some practical use cases. - https://codersblock.com/blog/playing-with-infinity-in-css
#css
Will Boyd explores the infinity constant in CSS, trying to find some practical use cases. - https://codersblock.com/blog/playing-with-infinity-in-css
#css
Coder's Block
Playing with Infinity in CSS
CSS has an infinity constant. When I first learned about this, my brain lit up with all kinds of absurd possibilities. Let’s discuss! There might even be some...
👍5🥰1
Instant Search Params with React Server Components - https://buildui.com/posts/instant-search-params-with-react-server-components
#react
#react
Build UI
Instant Search Params with React Server Components
👍2❤1
Image Optimization in Web Development: Everything You Need to Know
According to HTTP Archive, as of November 2018, images make up on average 21% of a total webpage’s weight… - https://itnext.io/%EF%B8%8F-image-optimization-in-web-development-everything-you-need-to-know-a12540f3dcf4
#image #optimization
According to HTTP Archive, as of November 2018, images make up on average 21% of a total webpage’s weight… - https://itnext.io/%EF%B8%8F-image-optimization-in-web-development-everything-you-need-to-know-a12540f3dcf4
#image #optimization
Medium
🖼️ Image Optimization in Web Development: Everything You Need to Know
According to HTTP Archive, as of November 2018, images make up on average 21% of a total webpage’s weight. Image optimization can improve…
👍4
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide - https://nodesource.com/blog/nodejs-package-manager-comparative-guide-2024
#nodejs
#nodejs
The NodeSource Blog - Node.js Tutorials, Guides, and Updates
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide
Explore the top Node.js package managers in 2024: npm, Yarn, pnpm. Compare features, performance, and choose the best for your project.
👍3
Changes to CSS ::backdrop inheritance
Bramus Van Damme shares the latest update to ::backdrop — it now inherits any inheritable properties from its originating element. - https://developer.chrome.com/blog/css-backdrop-inheritance
#css
Bramus Van Damme shares the latest update to ::backdrop — it now inherits any inheritable properties from its originating element. - https://developer.chrome.com/blog/css-backdrop-inheritance
#css
Chrome for Developers
Changes to CSS ::backdrop inheritance | Blog | Chrome for Developers
As of Chrome 122 the `::backdrop` element inherits properties from its originating element.
👍5
Standalone Angular & Nx
Standalone components, directives, and pipes are the future of Angular. Luckily, Nx works great with the new… - https://medium.com/ngconf/standalone-angular-nx-414882d8d787
#angular
Standalone components, directives, and pipes are the future of Angular. Luckily, Nx works great with the new… - https://medium.com/ngconf/standalone-angular-nx-414882d8d787
#angular
Medium
Standalone Angular & Nx
Standalone components, directives, and pipes are the future of Angular. Luckily, Nx works great with the new paradigm.
👍5
Testing Next.js App Router API Routes - https://blog.arcjet.com/testing-next-js-app-router-api-routes/
#react
#react
Arcjet blog
Testing Next.js app router API routes
How do you test Next.js app router API route handlers? A guide to testing Next.js API routes and mocking next-auth to properly test authenticated routes.
👍4🔥1
Top 5 mistakes to avoid when using Pinia
In this article, Eduardo - creator of Pinia provides some common mistakes when using Pinia and how to fix them. - https://masteringpinia.com/blog/top-5-mistakes-to-avoid-when-using-pinia
#vue
In this article, Eduardo - creator of Pinia provides some common mistakes when using Pinia and how to fix them. - https://masteringpinia.com/blog/top-5-mistakes-to-avoid-when-using-pinia
#vue
Masteringpinia
Top 5 mistakes to avoid when using Pinia
This article provides some common mistakes when using Pinia and how to fix them.
👍7
Converting Signals to Observables in Angular: What You Need to Know
Angular v16 introduces the new package rxjs-interop, which comes with a handy function called toObservable… - https://netbasal.com/converting-signals-to-observables-in-angular-what-you-need-to-know-971eacd3af2
#angular
Angular v16 introduces the new package rxjs-interop, which comes with a handy function called toObservable… - https://netbasal.com/converting-signals-to-observables-in-angular-what-you-need-to-know-971eacd3af2
#angular
Medium
Converting Signals to Observables in Angular: What You Need to Know
Angular v16 introduces the new package rxjs-interop, which comes with a handy function called toObservable that allows developers to…
👍3
A Global Design System
Brad Frost outlines an idea for a Global Design System to provide the world’s web designers & developers with a library of common UI components. - https://bradfrost.com/blog/post/a-global-design-system
#css
Brad Frost outlines an idea for a Global Design System to provide the world’s web designers & developers with a library of common UI components. - https://bradfrost.com/blog/post/a-global-design-system
#css
Brad Frost
A Global Design System
I'm Brad Frost, an independent creator, web designer & developer, teacher, speaker, writer, musician, and artist based in Pittsburgh, PA.
👍3❤1
Modern Server-Side Design with Node.js and TypeScript
Introduction to Modern Server-Side Design with Node.js and TypeScript - https://medium.com/@yurii.h.dev/modern-server-side-design-with-node-js-and-typescript-3fcb46cd461c
#nodejs
Introduction to Modern Server-Side Design with Node.js and TypeScript - https://medium.com/@yurii.h.dev/modern-server-side-design-with-node-js-and-typescript-3fcb46cd461c
#nodejs
🔥3👍2❤1
7 Advanced Techniques for Dependency Injection in Angular
Hello, developers! Today, let’s deep-dive into the labyrinthine world of Dependency Injection (DI) in… - https://itnext.io/7-advanced-techniques-for-dependency-injection-in-angular-c4f96c3c8dd8
#angular
Hello, developers! Today, let’s deep-dive into the labyrinthine world of Dependency Injection (DI) in… - https://itnext.io/7-advanced-techniques-for-dependency-injection-in-angular-c4f96c3c8dd8
#angular
Medium
7 Advanced Techniques for Dependency Injection in Angular
Hello, developers! Today, let’s deep-dive into the labyrinthine world of Dependency Injection (DI) in Angular. If you’re looking to write…
👍2🥰1
How to Elegantly Observe localStorage Changes in Vue 3?
The native localStorage can only listen to changes within the same origin across different pages. However, for single-page applications, this approach is not practical. In this article the author outlines a solution to create a custom hook to monitor changes in localStorage. - https://javascript.plainenglish.io/how-to-elegantly-observe-localstorage-changes-in-vue-3-a42fcf9c82ca
#vue
The native localStorage can only listen to changes within the same origin across different pages. However, for single-page applications, this approach is not practical. In this article the author outlines a solution to create a custom hook to monitor changes in localStorage. - https://javascript.plainenglish.io/how-to-elegantly-observe-localstorage-changes-in-vue-3-a42fcf9c82ca
#vue
Medium
How to Elegantly Observe localStorage Changes in Vue 3?
Why do this?
👍5
Best Practices for Writing Tests with React Testing Library
Covers common mistakes made when using React Testing Library, along with topics like using specific queries to improve test coverage. - https://claritydev.net/blog/improving-react-testing-library-tests
#react
Covers common mistakes made when using React Testing Library, along with topics like using specific queries to improve test coverage. - https://claritydev.net/blog/improving-react-testing-library-tests
#react
claritydev.net
Best Practices for Writing Tests with React Testing Library
Properly written tests not only help prevent regressions and buggy code, but in the case of React Testing Library, they also improve the accessibility of components and the overall user experience. In this post, we'll explore how to get the most out of your…
👍5
Implementing Micro-frontends for Large Applications
Micro-frontends are an exciting and futuristic approach to modern web development. If you are working on a… - https://blog.bitsrc.io/implementing-micro-frontends-for-large-applications-1e1b3c241097
#microfrontends
Micro-frontends are an exciting and futuristic approach to modern web development. If you are working on a… - https://blog.bitsrc.io/implementing-micro-frontends-for-large-applications-1e1b3c241097
#microfrontends
👍5❤1