TLDR Web Dev

TLDR WEB DEV 2025-01-28

5 sections18 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01ARTICLES & TUTORIALS

CONTAINER QUERIES UNLEASHED

CSS container queries are powerful for responsive web design. A key pattern highlighted by this article involves creating adaptable sub-layouts within larger layouts, where inner elements reflow based on their container's size, not the viewport's. Container queries solve the problem of fragile media query breakpoints, offering a better approach.

joshwcomeau.com10 min read

HOW LONG IS A SECOND IN JAVASCRIPT?

Time in Javascript can be complex since its timekeeping (based on POSIX time) differs from Coordinated Universal Time (UTC). POSIX time ignores leap seconds, simplifying calculations but causing inaccuracies in applications that need precise time synchronization, unlike UTC which incorporates leap seconds to align with Earth's rotation. Two methods for handling leap seconds within POSIX systems are "step adjustment" (abruptly shifting time) and "smearing" (gradually distributing the adjustment).

docs.timetime.in7 min read

JAVASCRIPT TEMPORAL IS COMING

The Temporal API is a new JavaScript feature designed to replace the existing Date object. It addresses the limitations of the Date object, such as poor time zone support and unreliable parsing, by providing immutable objects, built-in time zone handling, and support for various calendar systems.

developer.mozilla.org5 min read

02OPINIONS & ADVICE

ONCE YOU'RE LAID OFF, YOU'LL NEVER BE THE SAME AGAIN

After an unexpected layoff after a year, despite consistent high performance and significant contributions to his company, this developer details several warning signs of an impending layoff, including canceled team events, unexpected package notifications, and vague mandatory meetings. Individual contributions are often overlooked in favor of spreadsheet-based decisions, leading to a broken trust between employees and employers.

mertbulan.com13 min read

REACT IN 2025: DECISION PARALYSIS IS STILL THE DEFAULT (REDDIT THREAD)

There's an overwhelming number of choices in the React ecosystem in 2025, leading to decision paralysis for developers. The lack of clear winners in build tools, state management, routing, and UI libraries makes it difficult to choose a stack that won't quickly become outdated.

links.tldrnewsletter.com

03LAUNCHES & TOOLS

Sponsored

🟥→🟩 FOUR SIMPLE STEPS FOR BETTER INCIDENT RESOLUTION IN DEVOPS

If incidents could be planned for, they wouldn't be incidents. But there are ways to help DevOps teams get systems from red back to green, quickly. This guide by Datadog [10] outlines a simple 4-step process for ensuring your organization's response to incidents is

datadoghq.comSponsor

ONLOOK

Onlook is an open-source Cursor for designers that allows live editing of React + Tailwind CSS web apps directly in the browser.

github.comGitHub repository

CAP

Cap is a video messaging tool built with Rust, React, and other technologies. It's currently in public beta for macOS and web. Windows and Linux versions are under development.

github.comGitHub repository

POCKETPAL AI

PocketPal AI is an open-source mobile app that provides options to use AI models locally and offline. Users can automatically manage memory by offloading models when the app is in the background and customize model parameters like the system prompt, temperature, BOS token, and chat templates.

github.comGitHub repository

04MISCELLANEOUS

MY FAILED ATTEMPT TO SHRINK ALL NPM PACKAGES BY 5%

This developer proposed using the Zopfli compression algorithm to reduce the size of npm packages by approximately 5% in a backwards compatible way. His initial tests showed size reductions with minimal performance impact, and he even implemented this in some of his own popular modules. However, his formal request to npm maintainers was ultimately rejected due to concerns about increased publishing times, difficulties integrating Zopfli, and the lack of a clear benefit for users despite the potential for large bandwidth savings.

evanhahn.com9 min read

RUNNING INFERENCE IN WEB EXTENSIONS

Mozilla has released a new API in Firefox Nightly that enables offline machine learning tasks within web extensions using the Firefox AI Runtime. This runtime uses Transformers.js and the ONNX runtime, allowing for model execution directly on users' devices without sending data to third parties.

blog.mozilla.org8 min read

SLACK OVERFLOW: HOW WE SCALED SLACK TO SUPPORT 1,000S OF DEVELOPERS

Railway, a software infrastructure company, improved customer support and sales engagement by integrating Slack. Initially, manually creating Slack channels for each customer was unsustainable, leading to the development of "Help Station," a custom support tool that integrates with Slack. The result was a 50x increase in engagement and 8x faster response times.

blog.railway.com12 min read