The Daily Index — Monday, December 16, 2024 · TLDR Index

ARTICLES & TUTORIALS

TLDR Web Dev

TLDR Web Dev

THE GIFT YOU DO NOT WANT: A DIV IN A BUTTON'S CLOTHING

Semantic HTML can be important for accessibility, as shown by the difference between using a `button` element versus a `div` styled as a button. By comparing the accessibility tree representations and keyboard behavior of both genuine and fake buttons, this article shows how using a `div` requires extra code to achieve proper accessibility, whereas a `button` inherently provides the necessary features.

htmhell.dev · 10 min

TLDR Web Dev

ISOMORPHIC WEB COMPONENTS

While basic web components (using `template` and custom elements) can be easily rendered on the server, true isomorphic rendering (running the same code client-side and server-side) requires more sophisticated techniques. Libraries like Lit and Enhance offer SSR capabilities, but often introduce dependencies and deviate from "vanilla" web component development. Instead, a direct isomorphic approach using a DOM emulator like Happy DOM is probably better.

jakelazaroff.com · 10 min

TLDR Web Dev

WHY ALMOST EVERYONE I SEE USES TAILWIND CSS? WHAT'S THE HYPE? (REDDIT THREAD)

A Redditor asks what the hype is about Tailwind CSS. While many users initially found it unintuitive, they found that it helped them develop much faster after they got used to it. The inline styling eliminates the need for separate CSS files and it also makes responsiveness much easier to implement.

links.tldrnewsletter.com

TLDR Web Dev

with Clerk. Click to learn more.

Summary unavailable

go.clerk.com

TLDR Web Dev

SHOULD YOU DITCH SPARK FOR DUCKDB OR POLARS?

A performance benchmark compared Spark, DuckDB, and Polars for typical lakehouse data engineering tasks. This author found that Spark's performance scaled better with increased compute resources than DuckDB and Polars, which experienced out-of-memory errors at lower core counts. While DuckDB and Polars were great at ad-hoc queries, Spark was very competitive for larger ELT processes.

milescole.dev · 25 min

TLDR Web Dev

CSS WRAPPED 2024

CSS Wrapped 2024 highlights seventeen new CSS features launched in Chrome and the web platform in 2024, including improvements to animations, scrollbars, view transitions, and developer experience features like `@property` and `light-dark()`.

chrome.dev · 17 min

TLDR Web Dev

PROGRAMMERS WANT FLOW. WHEN PROGRAMMING, LIGHT TURNS RED

This article goes over a "FlowLight" system that uses Emacs Lisp and a CircuitPython-powered Adafruit MagTag to indicate whether a dev is in a state of flow or not by changing colors on an LED light.

scannedinavian.com · 5 min

TLDR Web Dev

WORKING WITH ENGINEERS THAT FOCUS ON DOING FANCY SH*T (REDDIT THREAD)

A software engineer at a fast-paced startup is frustrated by a colleague who constantly introduces unnecessary new technologies, leading to discussions about the need for a clearer engineering strategy and better team communication.

links.tldrnewsletter.com