Scroll-Based 3D Cards

Kushagra Gour shows how you can simulate cards with 3D depth based on scrolling using the newly arrived scroll-based animations. - https://kushagra.dev/blog/scroll-based-3d-cards

#css

Angular code-splitting or how to share components between lazy modules

This article will give you a better understanding of how Angular split your code into chunks. - https://medium.com/angular-in-depth/angular-code-splitting-or-how-to-share-components-between-lazy-modules-432c755e389c

#angular

Useful DevTools Tips and Tricks

Having worked on both Firefox and Edge's devtools, Patrick knows his stuff (and shares over 100 tips on his DevTools Tips site). Here, he shares his top 15. - https://www.smashingmagazine.com/2023/06/popular-devtools-tips/

#devtools

Coding the Stars: An Interactive Constellation with React Three Fiber

The Supabase team built a Web-based visualization in the form of an animated sky filled with stars, where each star represented a user signup. If you’ve never experimented with React Three Fiber or creating visual effects before, this is a good introduction walking through the key parts of their approach. - https://supabase.com/blog/interactive-constellation-threejs-react-three-fiber

#react

Getting Daily Notifications My Parent is Okay

Being in the UK – a nation that truly loves its tea – the approach involves monitoring whether a water kettle is used each day. Node makes an appearance for turning the activity into Telegram messages. - https://remysharp.com/2023/09/11/getting-daily-notifications-my-parent-is-okay

#nodejs

CSS Selectors: A Visual Guide

Sébastien Noël created a visual guide to the most popular CSS selectors. - https://fffuel.co/css-selectors

#css

Introduction to Error Monitoring for Vue Developers

Unfortunately, none of us has ever written a 100% perfect application at scale. With every new line of code comes new opportunities for bugs to creep in and cause unexpected behavior and poor customer experiences. This article introduces Sentry as a perfect solution to Error monitoring in our Vue.js applications - https://vueschool.io/articles/news/introduction-to-error-monitoring-for-vue-developers/

#vue

10 Must-Have Angular Libraries for Building Powerful Web Applications

Discover the top 10 Angular libraries that can help you build high-quality and feature-rich web applications… - https://weicheng95.medium.com/10-must-have-angular-libraries-for-building-powerful-web-applications-bce3f192d45

#angular

The Difference Between Type Aliases and Interfaces in TypeScript

Use TypeScript like a pro - https://blog.bitsrc.io/the-difference-between-type-aliases-and-interfaces-in-typescript-af5f34fe4309

#typescript

JPEG and EXIF Data Manipulation in JavaScript

A look at how to pick through the JPEG format and read and replace EXIF tags directly without leaning on a third party library. - https://getaround.tech/exif-data-manipulation-javascript/

#nodejs

Building a Design System with React Web Components

What if you could build a universal Design system with React and use it in any web application or framework? - https://www.voorhoede.nl/en/blog/building-design-system-react-web-components/

#react

Binding Router Information to Routed Component Inputs in Angular

Angular v16 has introduced a powerful new feature that enables the automatic binding of router information… - https://netbasal.com/binding-router-information-to-routed-component-inputs-in-angular-78ee92f63e64

#angular

What is the View Transitions API and how to use it with meta frameworks

Mojtaba Seyedi explains how to create smooth and simple transitions between states and pages using View Transitions API. - https://bejamas.io/blog/what-is-view-transitions-api

#css

Vue 3 UX Wins with Async Components & Suspense

Lazy loading components is an easy way to improve the user experience of your app especially if your code bundle is big or if users are on slow connections. in this article discover, how Vue 3 improves user experience using async components and suspense. - https://medium.com/js-dojo/vue-3-ux-wins-with-async-components-suspense-ab20faca5886

#vue

Running a Playwright Script on AWS Lambda

If you’ve struggled to make it work too, Matt has some pointers. - https://steele.blue/playwright-on-lambda/

#nodejs

Partially Controlled Components: A Declarative Design Pattern

Conventional thinking considers React components as either controlled or uncontrolled, but James makes the case that it’s not actually that black-and-white: there are also partially controlled components. - https://www.jameskerr.blog/posts/partially-controlled-react-components/

#react

Story of a Developer who choose not to use Monorepo & Nx - https://medium.com/@daniel.glejzner/story-of-a-developer-who-choose-not-to-use-monorepo-nx-9a0e4f9da228

#monorepo

Case Study: Rebuilding TechCrunch layout with modern CSS

Ahmad Shadeed shares a case study that demonstrates how modern CSS can help you create a complex layout. - https://ishadeed.com/article/rebuilding-techcrunch-modern-css

#css

When and why to use ng-content in Angular?

Learn about the powers of <ng-content> feature - https://medium.com/geekculture/when-and-why-to-use-ng-content-in-angular-1a57bc7fe697

#angular

Understanding Vue Teleport

In Vue 3, the introduction of the Teleport feature has greatly enhanced the flexibility and power of Vue components. With Teleport, developers can easily render a component's content at a different location in the DOM tree. In this article, we will explore the concept of Vue Teleport, its benefits, and how Vue developers can leverage it to create dynamic and modular applications. - https://enterprisevue.dev/blog/understanding-vue-teleport/

#vue