Jonathan Blow's home page
TanStack Router – modern React for the rest of us | Swizec Teller
TanStack Router puts the router in control of data, state, and UI and it's ... really good.
image-rendering - CSS: Cascading Style Sheets | MDN
The image-rendering CSS property sets an image scaling algorithm. The property applies to an element itself, to any images set in its other properties, and to its descendants.
Making Charts with CSS | CSS-Tricks - CSS-Tricks
There are many ways to make visual representations of data: bar charts, line graphs, scatter diagrams, sparklines... not to mention the many ways in which you
The SVG `path` Syntax: An Illustrated Guide | CSS-Tricks - CSS-Tricks
The element in SVG is the ultimate drawing element. It can draw anything! I've heard that under the hood all the other drawing elements ultimately use path
Image Inconsistencies: How and When Browsers Download Images – Harry Roberts – Web Performance Consultant
How and when do browsers download certain types of image? What does that mean for performance?
Patching Gatsby React Router Scroll with patch-package - Scott Spence
This is a very specific issue myself and anyone that uses Gatsby and
React router for navigating between headers in their Gatsby sites.
The issue has been documented several times now and the advice I
have followed is to add a resolutions to my ...
@storybook-test: more streamlined and powerful testing
What's new in Storybook, November 2023
The top WordPress plugins are… a little sad?
This is a little negative-nancy-ish, so if you aren’t feeling that right now — just close this tab 😜. It struck me recently how this list of plugins I saw in the 2023 Annual WordPress…
Build an OTP input field — Phuoc Nguyen
Build an OTP input field with JavaScript DOM — Phuoc Nguyen
Coding is actually hard
Welcome to my little corner of the Internet - Kapil Dutta
Rearchitecting Airbnb’s Frontend
Overview: We recently rethought the architecture for the JavaScript side of our codebase at Airbnb. This post will look at (1) the product…
Migrating millions of lines of code to TypeScript
On Sunday, March 6, we migrated we converted more than 3.7 million lines of code with a single pull request. The next day, hundreds of engineers came in to start writing TypeScript for their projects.
The Case Against Kotlin
Ryan Cooke | Android Engineer, Core Experience
React Native at Airbnb
In 2016, we took a big bet on React Native. Two years later, we’re ready to share our experience with the world and show what’s next.
/ htmx ~ Why I Tend Not To Use Content Negotiation
Taming Complexity with Reversibility
Originally published July 2015 In 2002, Professor Enrico Zaninotto, Dean of Economics at the University of Trento, gave a keynote at the Extreme Programming conference. It was the clearest technical talk I have ever seen, even though it was delivered by a non-programmer in an unfamiliar language. What set the talk apart was the clarity and depth of the thought behind it.
How Much Testing is Enough?
By George Pirocanac A familiar question every software developer and team grapples with is, “How much testing is enough to qualify a softwar...
An Interactive Guide to CSS Grid
CSS Grid is an incredibly powerful tool for building layouts on the web, but like all powerful tools, there's a significant learning curve. In this tutorial, we'll build a mental model for how CSS Grid works and how we can use it effectively. I'll share the biggest 💡 lightbulb moments I've had in my own learning journey.
Developing an effective CI/CD pipeline for frontend apps - LogRocket Blog
Explore some best practices for setting up a continuous integration and continuous delivery pipeline for more efficient frontend development.
Data-Driven Development is a Lie
150
Modular CSS and different ways to structure your stylesheets
This week, I’ve written about classless vs. class-based CSS, and how I approach CSS architecture. I’ve also written a fair bit recently about how I’m starting to consider build tools and anti-pattern.
This has led to a few conversations about how to structure CSS and and work with modular files if you’re not using a compiler like Sass. Today, I wanted to talk about that.
Let’s dig in!
Modular files and build tools One of the big benefits of using a build tool like Sass or css-nano is that you break your CSS up into smaller, more modular files, then combine them into one file for deployment.
Why I Switched Back From DevRel to Engineering
In this article, I talk about the main reasons that made me want to switch back from Developer Relations to an Engineering role.
The Only 5 Zsh Plugins You Need
Transform your terminal with these 5 awesome Zsh plugins. These plugins enhance the appearance of your terminal and add extra functionality.
2023 Blog Refresh
Including some of my latest hot takes (okay they are pretty mild).
A Very Subtle Bug - Made of Bugs
Navigating around in your shell
Different methods and hacks for navigating around in your shell
We are drowning in Google's magnanimity
I’ve had a sneaking suspicion for a whle that OKRs - as in Objectives and Key Results - are in fact clever device deployed by Google 1 to throw startups off track.
The appeal of OKRs is in their perceived simplicity: any problem large, or small, organizational or technical, made solvable by careful setting of O’s and KR’s.2
It never plays out as promised: a few cycles deep into OKRs will leave startups wondering why they’re so dumb they can’t implement what seems like a pretty simple system.
The Lack of Compensation in Open Source Software is Unsustainable
It’s 11:43pm on a Monday night. My 6-week-old son is asleep in my office so my wife can get some uninterrupted rest for the first half of the night. He’s finally asleep now, and I probably should be also after a full day of work. But I’m not done for the day. Even though I’m a software engineer by trade, I’m also a computer programmer by hobby and passion. So I do what I’ve been doing for well over a decade now: I boot up my computer to write some code.