JavaScript Daily

A Quick Guide to a Multi-Language Astro Site • FarrosFR A step-by-step guide to setting up a basic multi-language (EN/ID) blog in Astro. Essential for improving your site's SEO and accessibility.

A Quick Guide to a Multi-Language Astro Site: https://farrosfr.com/blog/a-quick-guide-to-a-multi-language-astro-site/

A Better API for the Intersection and Mutation Observers | CSS-Tricks Zell discusses refactoring the Resize, Mutation, and Intersection Observer APIs for easier usage, demonstrating how to implement callback and event listener patterns, while highlighting available options and methods.

A Better API for the Intersection and Mutation Observers: https://css-tricks.com/a-better-api-for-the-intersection-and-mutation-observers/ (Zell refactors both the Mutation and Intersection Observers into something "way simpler to use".)

Lessons Learned from Implementing an Inline Document Viewer Recently, my team created a document preview feature. Here are the lessons we learned implementing an inline document viewer.

Lessons Learned from Implementing an Inline Document Viewer: https://spin.atomicobject.com/inline-document-viewer/

Improve LCP by Deprioritizing Script Modules from the Interactivity API - Weston Ruter Adding fetchpriority=low to script modules and moving them from the head to the footer can improve LCP by >9%!

Improve LCP by Deprioritizing Script Modules from the Interactivity API: https://weston.ruter.net/2025/05/26/improve-lcp-by-deprioritizing-interactivity-api-script-modules/

GitHub - lukasbach/headless-tree: The definitive tree component for the Web The definitive tree component for the Web. Contribute to lukasbach/headless-tree development by creating an account on GitHub.

Headless Tree: The Definitive Tree Component for The Web - https://github.com/lukasbach/headless-tree

Lessons Learned From My First Dive Into WebAssembly: https://nullprogram.com/blog/2025/04/04/

Lazy Load Background Images with the IntersectionObserver API | DebugBear The IntersectionObserver API is a performance-friendly browser API that allows you to lazy load background images asynchronously, outside of the main thread. This tutorial looks into how to implement it using HTML, CSS, and JavaScript.

Lazy Load Background Images with the IntersectionObserver API: https://www.debugbear.com/blog/lazy-load-background-images-intersection-observer

Web Components Vs. Framework Components: What’s The Difference? — Smashing Magazine Some critics question the agnostic nature of Web Components, with some even arguing that they are not real components. Gabriel Shoyomboa explores this topic in-depth, comparing Web Components and framework components, highlighting their strengths and trade-offs, and evaluating their performance.

Web Components Vs. Framework Components: What’s The Difference? https://www.smashingmagazine.com/2025/03/web-components-vs-framework-components/

Making a Browser Based Game With Vanilla JS and CSS – SitePoint Learn how to build a flag guessing game using pure JavaScript and CSS without any other frameworks or libraries.

Making a Browser Based Game With Vanilla JS and CSS: https://www.sitepoint.com/browser-game-with-vanilla-js-and-css/

Support for CSS and Baseline has shipped in ESLint  |  Blog  |  web.dev You can now use ESLint to lint CSS and enforce usage of Baseline CSS features in your project! Learn more in this blog post.

Support for CSS and Baseline has shipped in ESLint: https://web.dev/blog/eslint-baseline-integration?hl=en

Detecting Browser Zoom Changes in JavaScript Learn a clever approach towards detecting browser zoom changes by using the browser size and viewport size to help!

Detecting Browser Zoom Changes in JavaScript: https://www.kirupa.com/javascript/detecting_browser_zoom_changes.htm

Oracle justified its JavaScript trademark with Node.js—now it wants that ignored Oracle filed a motion to dismiss in response to Deno’s petition to cancel its “JavaScript” trademark. But instead of addressing the real issue—that JavaScript is an open standard with multiple indepen...

For more of Oracle's comedy routine about its JavaScript trademark:

"JavaScript isn't seen as a generic term in the marketplace."

How long is a second in JavaScript? | TimeTime Discover how JavaScript handles time with POSIX, why it ignores leap seconds, and how techniques like smearing ensure smoother transitions. Learn when precision matters and why timekeeping isn’t as simple as it seems.

How Long Is A Second in JavaScript? https://docs.timetime.in/blog/how-long-is-a-second-in-js/

The Speed Trifecta: 11ty, Brotli 11, and CSS Fingerprinting - Matt Hobbs Frontend web developer, turned engineering manager.

The Speed Trifecta: 11ty, Brotli 11, and CSS Fingerprinting - https://nooshu.com/blog/2025/01/23/the-speed-trifecta-11ty-brotli-11-and-css-fingerprinting/

GitDiagram - Repository to Diagram in Seconds Turn any GitHub repository into an interactive diagram for visualization in seconds.

GitDiagram: Turn Any GitHub Repository Into An Interactive Diagram for Visualization - https://gitdiagram.com/

GitHub - openauthjs/openauth: ▦ Universal, standards-based auth provider. ▦ Universal, standards-based auth provider. Contribute to openauthjs/openauth development by creating an account on GitHub.

OpenAuth: A Universal, Standards-Based Auth Provider - https://github.com/openauthjs/openauth

Kinesis.js: A Library to Easily Create Complex Interactive Animations - https://github.com/amineyarman/Kinesis.js

How long is a second in JavaScript? | TimeTime Discover how JavaScript handles time with POSIX, why it ignores leap seconds, and how techniques like smearing ensure smoother transitions. Learn when precision matters and why timekeeping isn’t as simple as it seems.

How Long Is A Second in JavaScript? https://docs.timetime.in/blog/how-long-is-a-second-in-js/

Auf YouTube findest du die angesagtesten Videos und Tracks. Außerdem kannst du eigene Inhalte hochladen und mit Freunden oder gleich der ganzen Welt teilen.

The Most ⭐️ Starred JS Projects: https://www.youtube.com/watch?v=NBDnS9UQg5w

Why sorting is harder than it seems This story is about sorting arrays. I am telling it because sorting continues to surprise me with delightful bugs. Frustrating too, but also delightful. First, some context...

Why Sorting Is Harder Than It Seems: https://mill.plainopen.com/why-sorting-is-harder-than-it-seems

How to Set WebGL Shader Colors with CSS and JavaScript: https://www.nmattia.com/posts/2025-01-29-shader-css-properties/

Node’s new built-in support for TypeScript Starting with v23.6.0, Node.js supports TypeScript without any flags. This blog post explains how it works and what to look out for.

Node’s New Built-in Support for TypeScript: https://2ality.com/2025/01/nodejs-strip-type.html (How it works, and what to look out for.)

Importing a frontend JavaScript library without a build system: https://jvns.ca/blog/2024/11/18/how-to-import-a-javascript-library/

Node’s new built-in support for TypeScript Starting with v23.6.0, Node.js supports TypeScript without any flags. This blog post explains how it works and what to look out for.

Node’s New Built-in Support for TypeScript: https://2ality.com/2025/01/nodejs-strip-type.html (How it works, and what to look out for.)

Importing a frontend JavaScript library without a build system: https://jvns.ca/blog/2024/11/18/how-to-import-a-javascript-library/

ECMAScript feature: import attributes The ECMAScript feature “Import Attributes” (by Sven Sauleau, Daniel Ehrenberg, Myles Borins, Dan Clark and Nicolò Ribaudo) helps with importing artifacts other than JavaScript modules. In this blog post, we examine what that looks like and why it’s useful. Import attributes reached stage 4 in October 2024 and will probably be part of ECMAScript 2025.

A Look at Import Attributes: https://2ality.com/2025/01/import-attributes.html

What’s new in Svelte: January 2025 Svelte 5 just keeps getting better. Plus, an in-person Svelte Summit!

What’s new in Svelte: January 2025 - https://svelte.dev/blog/whats-new-in-svelte-january-2025

Here's Why Angular is the Better Choice for Long-Term Projects React is great, but Angular for long-term projects offers a more structured, scalable, and enterprise-ready solution.

Here's Why You Should Use Angular for Long-Term Projects: https://spin.atomicobject.com/angular-long-term-projects/

Importing a frontend JavaScript library without a build system: https://jvns.ca/blog/2024/11/18/how-to-import-a-javascript-library/