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/

Reset or set the value in LinkedSignal in Angular 19

This blog post demonstrates LinkedSignal that resets the value when its source updates. It is a new feature in Angular version 19.

https://www.blueskyconnie.com/reset-or-set-the-value-in-linkedsignal-in-angular-19/

Octoverse: AI leads Python to top language as the number of global developers surges

In this year’s Octoverse report, we study how public and open source activity on GitHub shows how AI is expanding as the global developer community surges in size.

https://github.blog/news-insights/octoverse/octoverse-2024/

Interactive 3D with Three.js BatchedMesh and WebGPURenderer

An exploration of Three.js BatchedMesh for efficiently rendering numerous meshes, along with a demonstration of the new post-processing pipeline using Three Shading Language (TSL).

https://tympanus.net/codrops/2024/10/30/interactive-3d-with-three-js-batchedmesh-and-webgpurenderer/

Should masonry be part of CSS grid?

An exploration of examples showing masonry as both a part of CSS Grid and as its own display type.

https://ishadeed.com/article/css-grid-masonry/