JavaScript Daily

A Complete Guide to Bookmarklets | CSS-Tricks Browsers don't just let you bookmark web pages. You can also bookmark JavaScript, allowing you to do so much more than merely save pages.

A Complete Guide to Bookmarklets: https://css-tricks.com/a-complete-guide-to-bookmarklets/

Learn Visual Studio Code A collection of 150+ tips and customizations on using Visual Studio Code, the world's most popular code editor. These tips are almost entirely based on built-in features of VS Code – no extensions or external tools needed. You'll learn how to customize VS Code's UI, find and change settings you didn't know existed, use little-known features, and lots more.Includes more than 150 tips across 346 pages (PDF version; EPUB is more variable in page length) with 450+ full-color, high-resolution screenshots and captions with clear instructions on every feature discussed. Nearly all features and screenshots are up to date with the latest version of VS Code as of January 2026.There are tips in here for beginners, but most of the tips are little-known features that even advanced users don't know about. It doesn't matter if you're a Mac or Windows user, almost all the content is applicable to both operating systems. Much of the code examples are focused on front-end technologies (JS, HTML, CSS, TypeScript, etc.) but the concepts are applicable to any language used inside VS Code.Lots of unique content is covered, including: Using the Settings UI Little-known Terminal Tips The Code Snippets feature Editing Keyboard Shortcuts Using Zen Mode VS Code Workspaces Working with Profiles Extension Trust & Security Managing Tabs & Windows Customizing Labels & Buttons Using IntelliSense Accessibility Tips ... and lots more! Some of the content includes links to animated GIFs so you can see the tip or customization in action. The GIFs aren't necessary to understand the content, but they are helpful if you're reading online. Check out a couple of sample pages below!

Learn Visual Studio Code: https://lazarpress.gumroad.com/l/learnvscode

sugarcube • sugarcube Design tokens, generated CSS, and optional components. Build front ends on strong, reusable foundations.

Introducing the 'sugarcube' Toolkit: https://sugarcube.sh/

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.

Vite: The Documentary - https://www.youtube.com/watch?v=bmWQqAKLgT4

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/