Andy Luhrs Ramblings & build logs

Links

A feed of links and quick notes on things I've found interesting lately.

One List To Rule Them All

Link CSS

One List To Rule Them All - Amazing reading list on learning modern CSS features.

Next.js Is Infuriating

Link Web Performance

Next.js Is Infuriating - WebPerf PSA: Abstraction layers aren’t always good.

You no longer need JavaScript

Link CSS

You no longer need JavaScript - Another great list of examples to throw into the anti-JS pile. If you’re a web developer who hasn’t paid attention to CSS in a while, give this a read!

Links, Resources, and Humans of Note

Link Web Performance

Links, Resources, and Humans of Note - Catching up on a backlog of RSS posts. If you missed Alex’s big list of links last month, there’s a ton of good stuff to bookmark here!

Add Recent History Section to Popup by Copilot · Pull Request #2 · aluhrs13/JankExt · GitHub

Link LLMs

Add Recent History Section to Popup by Copilot · Pull Request #2 · aluhrs13/JankExt · GitHub - Really impressed. I’ve been dabbling with GitHub Copilot a bit to just get a feel for it. This new “assign a task” feature is impressive. This is a PR where you can look at the whole prompt and the result. Not other interaction from me. I’ll give it more a detailed review, but it’s fully functional and seems to be what I want.

aluhrs13/JankExt

Link Web Performance

aluhrs13/JankExt - I’ve been doing a bit of animation benchmarking and perf work, so I pulled together a quick extension to inject main thread tasks onto a page to help simulate jank.

Don't Think of an Elephant

Link Writing

Don’t Think of an Elephant - I’ve heard of the primary point here before, it a lot of good follow-up advice in the details.

The Height Enigma

Link CSS

The Height Enigma - More great in-depth CSS stuff. This one covers the nuances of setting height!

Plain Vanilla

Link Web Dev

Plain Vanilla - Obviously I’m biased, but use 👏 the 👏 platform 👏

Design for 3D-Printing

Link DIY

Design for 3D-Printing - Saving this for future me. I don’t have to do actual CAD myself much, but a lot of good guidance when designing for 3D printing.

Grid First, Flex Third

Link CSS

Grid First, Flex Third - As someone who struggles with CSS, I’d love to see more prescriptive articles like this. Does anyone know of others who share their approaches like this?

Stretching Google's prefetching

Link Web Performance

Stretching Google’s prefetching - Huh. I know the basics of speculation rules, but this is an interesting take. Almost wonder if it’s a bug?

GitHub - leafeye/lunchmoney-mcp-server

Link LLMs

GitHub - leafeye/lunchmoney-mcp-server - I’ve been using LunchMoney for budgeting and it’s a great tool. Haven’t really had a chance to use MCP much, so I’ll definitely need to go play with this.

Understanding the recent criticism of the Chatbot Arena

Link LLMs

Understanding the recent criticism of the Chatbot Arena - Another day another LLM drama. Anyone using LLMs for serious purposes needs to make sure they have evals representative of their real use-cases when comparing new models. Benchmarks and leaderboards mean nothing.

Writing the onboarding experience

Link Product Management

Writing the onboarding experience - First run experiences can be frustrating and lose users instantly. Some great best practices here.

From Beta to Bedrock: Build Products that Stick.

Link Product Management

From Beta to Bedrock: Build Products that Stick. - There’s been a lot of talk about enshittification recently, and I like the concepts of this post as a baseline for fighting against it…

A fluid CSS methodology

Link CSS

A fluid CSS methodology - Still working on my re-learning of more modern CSS and this is seems like a great approach to typography.

Working Through the Fear of Being Seen

Link Writing

Working Through the Fear of Being Seen - This resonates with me a lot right now. I have a lot I want to write or half-written, but never finish. :(

All the data can be yours

Link Data Hoarding

All the data can be yours - I’ve built my fair share of scrapers, and this is a good set of things to try before resorting to web scraping.

Designing DX

Link Developer Productivity

Designing DX - Having spent most (all I guess) of my career working on DevEx, a ton of great insight from Chris here.

Your AI Product Needs Evals

Link LLMs

Your AI Product Needs Evals - I keep coming back to this post when I play with AI. Such a great summary of what’s needed to work effectively.

A Guide to Web Curation

Link Personal Site

A Guide to Web Curation - Good advice to follow when making a page like this one.

Building an album releases calendar subscription

Link Personal Site

Building an album releases calendar subscription - I was just about to look up how to build out my own calendar host. Just generating an ICS file seems like a great answer.

Thinking Like an AI

Link LLMs

Thinking Like an AI - Great summary of how LLMs work from Ethan Mollick

Upstream downstream relationships

Link Browser Internals

Upstream downstream relationships - Really awesome deep dive into the history of browser engines and how be a good “upstream” or “downstream”

setBigTimeout

Link JavaScript

setBigTimeout - ✨innovation✨

How CSS Floats Work

Link Browser Internals

How CSS Floats Work - This whole site is a fun dive into browser internals and behaviors.

How does it work?

Link Web Performance

How does it work? - Must-know technology for web performance IMO.

What would you like to create?

Link

What would you like to create? - Pretty nice looking storefront site that lets you make your own merch and stuff. Recommended by @levelsio.

CodeViz

Link Developer Productivity

CodeViz - Understanding a codebase is a key problem for devs. This looks super interesting.

Layers and Compositing

Link Web Performance

Layers and Compositing - Web app memory is something I’ve been thinking about lately, and this is another masterpiece from Joe Liccini.

– A Grammar of Interactive Graphics

Link

– A Grammar of Interactive Graphics - Vega looks like a declarative way to create charts. Give it JSON of data and JSON to describe the visual, and it does the rest. Good to keep in mind.

Automating my /now page

Link Personal Site

Automating my /now page - Realllyyyyyyy need to finish my now page automation.

What is a Transformer?

Link LLMs

What is a Transformer? - I gave a presentation about AI basics a few weeks ago and wish I had this available at the time.

How to Read a RUM Histogram

Link Web Performance

How to Read a RUM Histogram - SpeedCurve’s web performance documentation is really great for people new to the space.

📵 Going Phoneless

Link

📵 Going Phoneless - I really want to try going phoneless at some point. Super curious how I’d do and how it’d change my behaviors.

How we sped up Notion in the browser with WASM SQLite

Link Web Performance

How we sped up Notion in the browser with WASM SQLite - WASM SQLite is interesting in theory, but hadn’t seen anything at this scale. Interesting to see they have issues with cross-origin isolation.

We need visual programming. No, not like that.

Link Developer Productivity

We need visual programming. No, not like that. - Visualizing the execution of code is one of the biggest gaps in developer tooling in my opinion. This is a solid overview of what’s available, and everything is woefully short of what we should have.

Ship That Code • Publish That Post

Link Writing

Ship That Code • Publish That Post - I really need to start publishing my longer posts. So many things sitting half done 😭

Weird things engineers believe about Web development

Link Browser Internals

Weird things engineers believe about Web development - After working on Edge and web standards for a few years, this is a great read for anyone who thinks they know how the industry works 😂

Compare PDFs

Link LLMs

Compare PDFs - Simon has some of the best AI knowledge today, and I love that he’s sharing how he prompts and approaches some of the problems he’s solving.

AI’s $600B Question

Link LLMs

AI’s $600B Question - The economics of the current AI boom are staggering.

Readability: Google's Temple to Engineering Excellence

Link Developer Productivity

Readability: Google’s Temple to Engineering Excellence - I had never actually heard of “readability” as a concept like this, but it makes a lot of sense for organizations that can afford it. Spending the time upfront can pay dividends when adding stuff in the future, especially if there’s a time crunch to release a feature or fix.

picopilot

Link LLMs

picopilot - Great practical little demo of LLMs in action and a basic VS Code extension.

CPUpro

Link Web Performance

CPUpro - A tool that offers a different view into DevTools traces than Edge/Chrome DevTools. A few interesting approaches like the list of functions that seem super helpful for starting investigations.

You might not need jQuery

Link JavaScript

You might not need jQuery - I haven’t used jquery in a long time, but a really succinct guide for those who are used to it.

9 rad tools in tabs I'm trackin

Link Design

9 rad tools in tabs I’m trackin - I love posts with links to other things, and this is no exception. A lot of nifty design-related tools.

Made some notes on how @JinaAI_ Reader works - their...

Link

Made some notes on how @JinaAI_ Reader works - their… - This is a super cool concept. One of the biggest problems software developers face is understanding large coddebases and how things work. This kind of stuff can be game-changing.

A Complete Guide to Performance Budgets

Link Web Performance

A Complete Guide to Performance Budgets - A really basic but thorough intro to some of standard web performance metrics, and more importantly a dive into navigating some of the politics of setting budgets and goals.

Web Performance Regression Detection (Part 2 of 3)

Link Web Performance

Web Performance Regression Detection (Part 2 of 3) - I love seeing how other companies track and resolve performance issues. Pinterest has a really detailed write-up here.

No Best Tool For The Job

Link Developer Productivity

No Best Tool For The Job - An interesting analogy for deciding what tech stack is right. The direction that I take these conversations might be more like buying a car. Take a few for a test drive, figure out if it feels right for you. Sometimes a “bake-off” - make a few MVPs using different approaches and see what feels will do best.

An Interactive Guide to CSS Container Queries

Link CSS

An Interactive Guide to CSS Container Queries - An absolutely beautiful, descriptive, and easy to follow guide on everything CSS Container Queries, something everyone in front-end should start to learn soon.

Latency numbers every frontend developer should know

Link Web Performance

Latency numbers every frontend developer should know - Handy list of some basic performance-related numbers like latency, parsing, etc. for anyone thinking about the performance of their APIs or web apps.

Clustering ideas with local ML/AI models

Link LLMs

Clustering ideas with local ML/AI models - A solid intro to a good use-case for vector embeddings and LLMs using entirely local AI models.

Automating My Now Page

Link Quantified Self

Automating My Now Page - I love the idea of a “now page” but suck at maintaining things. I really like the idea of automating it like this.

The Gap

Link CSS

The Gap - Another beautiful, succinct overview of a relatively recent CSS feature - Gap. I definitely need to adjust some of my normal CSS patterns to use gap more.

CSS :has() Interactive Guide

Link CSS

CSS :has() Interactive Guide - :has() is another recent CSS selector that I want to make sure I thoroughly understand and use, and this is a fantastic overview.

/uses

Link

/uses - /uses is another page that I’d like to maintain myself but never do. I love learning about what makes other people productive, so these pages are awesome.