ORBIT — The CSS radial composer

Get started building an amazing cool UI.

https://zumerlab.github.io/orbit-docs/

Deep Dive into JavaScript Inheritance — 7 Powerful Techniques

Explore the world of JavaScript at our blog, your ultimate resource for guides, tutorials, and articles. Uncover the latest insights, tips, and trends.

https://jsdev.space/inheritance-js/

New York Public Library on Choosing React To Rebuild Website

The New York Public Library knew it needed a React-based framework for rebuilding its Digital Collections site. It chose Next.js.

https://thenewstack.io/new-york-public-library-on-choosing-react-to-rebuild-website/

Fluid Everything Else

We can apply the concept of fluid typography to almost anything. This way we can have a layout that fluidly changes with the size of its parent container. Few users will ever see the transition, but they will all appreciate the results. Honestly, they will.

https://css-tricks.com/fluid-everything-else/

How to Create an Organic Text Distortion Effect with Infinite Scrolling

Learn how to create an organic distortion effect for text using JavaScript and CSS for a unique, fluid animation.

https://tympanus.net/codrops/2024/11/06/how-to-create-an-organic-text-distortion-effect-with-infinite-scrolling/

How to Create an AI-Powered Newsletter Aggregator with React and AI Agents

Get started with AI agents in this practical tutorial and learn to build an AI-powered newsletter aggregator using React and KaibanJS.

https://tympanus.net/codrops/2024/11/04/how-to-create-an-ai-powered-newsletter-aggregator-with-react-and-ai-agents/

Popping Comments With CSS Anchor Positioning and View-Driven Animations

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

https://css-tricks.com/popping-comments-with-css-anchor-positioning-and-view-driven-animations/

Build a micro-frontend application with React

Learn to build scalable micro-frontend applications using React, discussing their advantages over monolithic frontend applications.

https://blog.logrocket.com/build-micro-frontend-application-react/?ref=dailydev

The Different (and Modern) Ways to Toggle Content

Let’s spend some time looking at disclosures, the Dialog API, the Popover API, and more. We’ll look at the right time to use each one depending on your needs. Modal or non-modal? JavaScript or pure HTML/CSS? Not sure? Don’t worry, we’ll go into all that.

https://css-tricks.com/the-different-and-modern-ways-to-toggle-content/

BRiCSS — A simple and customizable low-level CSS library generator

A simple and customizable low-level CSS library generator

https://ita-design-system.github.io/bricss/

Benchmarking the performance of CSS @property

What impact does @property have on the performance of your CSS?

https://web.dev/blog/at-property-performance

Less Common HTML Elements and How to Use Them in Your Code

HTML has a lot of tags that many people use every day, like , , and . But there are also some hidden gems that often go unnoticed. These tags can help make websites more engaging, accessible, and meaningful without much extra effort. In th...

https://www.freecodecamp.org/news/less-common-html-elements-and-how-to-use-them/

What’s the deal with WebKit Font Smoothing?

The one where I research subpixel antialiasing on macOS

https://dbushell.com/2024/11/05/webkit-font-smoothing/

The ResizeObserver API: A tutorial with examples

The use cases for the ResizeObserver API may not be immediately obvious, so let’s take a look at a few practical examples.

https://blog.logrocket.com/how-to-use-the-resizeobserver-api-a-tutorial-with-examples/

Top 10 JavaScript SEO Tricks Every Developer Should Know

Here are ten JavaScript SEO tips every frontend developer should know, complete with code examples and practical guidance.

https://thenewstack.io/top-10-javascript-seo-tricks-every-developer-should-know/

Understanding npm audit and fixing vulnerabilities

Learn how to use npm audit to identify and fix security vulnerabilities in your Node.js project dependencies. This guide covers how npm audit works, fixing vulnerabilities with npm audit fix, handling transitive dependencies, and best practices for maintaining a secure Node.js application.

https://www.niraj.life/blog/understanding-npm-audit-fixing-vulnerabilities-nodejs/

The CSS content-visibility property is now Baseline Newly available

The CSS content-visibility property is now Baseline Newly available.

https://web.dev/blog/css-content-visibility-baseline?hl=en

HTML Form Validation is heavily underused

HTML Forms have powerful validation mechanisms, but they are heavily underused. In fact, not many people even know much about them. Is this because of some flaw in their design? Let’s explore.

https://expressionstatement.com/html-form-validation-is-heavily-underused

New to the web platform in October

Discover some of the interesting features that have landed in stable and beta web browsers during October 2024.

https://web.dev/blog/web-platform-10-2024?hl=en

OpenNext Gets Closer to Making Next.js Truly Portable

Frontend and backend choices can be more connected than developers expect; OpenNext aims to untangle the complexities of Vercel's Next.js.

https://thenewstack.io/opennext-gets-closer-to-making-next-js-truly-portable/