TLDR Web Dev

TLDR WEB DEV 2025-05-14

5 sections16 entrieslinks blockcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01ARTICLES & TUTORIALS

THE HEIGHT ENIGMA IN CSS

Percentage-based heights in CSS can be confusing and often don't work as expected. The core issue is a circular dependency: a child element trying to define its height based on its parent's height, while the parent's height depends on its children. To resolve this, the parent element either needs an explicit, "knowable" height set using units like `rem` or pixels, or the height of the root HTML element must be set to 100% of the viewport.

joshwcomeau.com20 min read

PDF TO TEXT, A CHALLENGING PROBLEM

The Marginalia search engine is now indexing PDFs, a process more complex than expected. Extracting meaningful text requires parsing challenging items like rotated glyphs and dealing with a lack of semantic information. While vision-based ML is ideal, the current solution modifies PDFBox's PDFTextStripper, improving heading and paragraph identification through statistical analysis of font sizes and line spacing.

marginalia.nu7 min read

02OPINIONS & ADVICE

THE TRUE PATH TO GARBAGE CODE: FIGMA SITES

Figma Sites is a web design tool currently in beta that, according to this dev, generates inaccessible and semantically unsound code. It has issues not just in the launch demo, but also broader accessibility problems. These include a flawed heading hierarchy, inconsistent use of alternative text for images, poor site structure with illogical landmark placement, and issues with text scaling and language switching.

joedolson.com7 min read

IN A HIGH-STRESS WORK ENVIRONMENT, PRIORITIZE RELATIONSHIPS

In high-stress work environments, prioritize maintaining positive relationships and avoid burning bridges, as these connections will be necessary for future job opportunities and your professional reputation.

wqtz.bearblog.dev2 min read

FRONTENDS ARE HARD

Deploying modern frontends is challenging due to their complex infrastructure needs and the rapid pace of updates. Cloud providers struggle to keep up, leading many to use specialized services like Netlify and Vercel. SST tackles this by open-sourcing frontend adapters through the OpenNext project and its own infrastructure.

sst.dev8 min read

03LAUNCHES & TOOLS

Sponsored

🆕 ADD OBSERVABILITY TO VERCEL IN JUST A FEW CLICKS

With one click on your Vercel dashboard, you can now automatically send telemetry [9] from your Vercel workloads to Dash0 for analysis and visualization - including an automated log drain setup. You can also enable tracing and metrics to gain further insights. Install it

vercel.comSponsor

HELIXDB

HelixDB is an open-source, high-performance graph-vector database written in Rust designed for RAG and AI applications. It combines graph and vector data storage, using LMDB for data persistence and ACID compliance.

github.comGitHub repository

WEBTUI

A modular CSS library with Terminal UI components. It includes ASCII Boxes, badge, button, checkbox, popover, and other components, along with some plugins.

github.comGitHub repository

04MISCELLANEOUS

GOOGLE IS FINALLY BUILDING ITS OWN DEX: FIRST LOOK AT ANDROID'S DESKTOP MODE

Google is developing a desktop mode for Android. This mode includes a taskbar for apps and supports launching multiple apps in resizable, floating windows. It adapts the tablet windowing system for external displays, allowing for multitasking and drag-and-drop functionality.

androidauthority.com5 min read

AIRBNB IS IN MIDLIFE CRISIS MODE

Airbnb is undergoing a major reinvention. Its CEO, Brian Chesky, plans to transform Airbnb into an "everything app," expanding beyond accommodations to include services like fitness, food, and even microdermabrasion. The company is investing hundreds of millions of dollars into this relaunch.

archive.ph8 min read