181
A website to destroy all websites
How to win the war for the soul of the internet, and build the Web We Want.
New
The latest blog posts to take off on Hacker News. 2,346 posts.
182
When square pixels aren't square
When you want to get the dimensions of a video file, you probably want the display aspect ratio. Using the dimensions of a stored frame may result in a stretched or squashed video.
183
Exploring Dithering on Spectra 6-color E-Ink Displays
I have tested the XIAO ePaper DIY Kit (ESP32-S3) – EE04 from Seeed Studio in depth. While its 6-color Spectra 6 display is impressive out of the box, I wanted to see if software could overcome hardware limitations. In this post, I’ll share how I’ve pushed this hardware to its limits by using dithering techniques to…
184
Times New American: A Tale of Two Fonts
A less romantic truth is that aesthetic standards rarely travel alone; power tends to follow in their wake. An episode at the U.S. State Department this month makes exactly this point.
185
You can't design software you don't work on
Only the engineers who work on a large software system can meaningfully participate in the design process. That’s because you cannot do good software design…
186
Flame Graphs vs Tree Maps vs Sunburst (2017)
Flame Graphs vs Tree Maps vs Sunburst explores different hierarchal visualizations by visualizing file system or disk space.
187
CSS Grid Lanes
It’s here, the future of masonry layouts on the web!
188
Making Google Sans Flex
Discover the inside story of Google Sans, Google’s iconic brand typeface. From product lockups to code, learn how the Google Sans font family has evolved to solve specific UX design problems.
189
A brief history of Times New Roman
Typography for Lawyers
190
1300 Still Images from the Animated Films of Hayao Miyazaki's Studio Ghibli (2023)
「君たちはどう生きるか」の場面写真を提供致します。 現在、劇場公開中の「君たちはどう生きるか」の場面写真 14枚を、本日から提供いたします。 これまでの分と同様に、常識の範囲でご自由にお使いください。 君たちはどう生きるか14枚 2023.08.04 提供開始 2020.12.18 提供開
191
An SVG is all you need
SVGs are pretty cool - vector graphics in a simple XML format. They are supported on just about every device and platform, are crisp on every display, and can have embedded scripts in to make them interactive. They're way more capable than many people realise, and I think we can capitalise on some of that unrealised…
192
Craft software that makes people feel something
Recently, people have been asking me why I’m pausing Boo to work on a programming language. I think it would actually be cool to write down how I feel.
193
GitHub no longer uses Toasts
How to ensure updates and messages are communicated in an inclusive way.
194
Icons in Menus Everywhere – Send Help
I complained about this on the socials , but I didn’t get it all out of my system. So now I write a blog post. I’ve never liked the philosophy of “put an icon…
195
Building a Toast Component
How I built Sonner, an opinionated toast library for React used by milions.
196
No ARIA is better than bad ARIA
Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).
197
New layouts with CSS Subgrid
Subgrid allows us to extend a grid template down through the DOM tree, so that deeply-nested elements can participate in the same grid layout. At first glance, I thought this would be a helpful convenience, but it turns out that it’s so much more. Subgrid unlocks exciting new layout possibilities, stuff we couldn’t do…
198
199
200
Shaders: How to draw high fidelity graphics with just x and y coordinates
How to draw high fidelity graphics when all you have is an x and y coordinate.
201
Pixel Art Tips for Programmers
Programmers are known to not have a strong suit for art related disciplines, pixel art is no exception.
202
Monotype font licencing shake-down
tl;dr Don’t try to shake-down a typography nerd with your dubious, automated claims about his employer using unlicensed fonts. How it started It started with a LinkedIn InMail message (sanitised to protect privacy): Subject: [Urgent] Font Software Licensing Review Hi Ameel I hope you
203
Blender 5.0
The Free and Open Source 3D Creation Software — blender.org
204
Blender Lab
Introducing an innovation space within the Blender project.
205
Game design is simple
So, let’s just walk through the whole thing, end to end. Here’s a twelve-step program for understanding game design.
206
How to create accessible PDFs from the start
Accessibility does not need to be hard. Learn how to create accessible PDFs with Typst without any additional software while reaching new audiences and meeting...
207
Just use a button
One of the weirdest “debates” I seem to perpetually have with framework-enthusiastic developers is whether or not a <div> is “just as good” as a <button>. Spoiler: it’s not. Let’s dig in. The problem Among the React crowd, and also among people who seem to enjoy HTMX, I see a lot this… <div onclick="showSignIn()">…
208
Dithering – Part 1
Understanding how dithering works, visually.
209
Tinkering is a way to acquire good taste
Why tinkering matters as a lifelong learning tool.
210
Springs and bounces in native CSS
The “linear()” timing function is a game-changer; it allows us to model physics-based motion right in vanilla CSS! That said, there are some limitations and quirks to be aware of. I’ve been experimenting with this API for a while now, and in this post, I’ll share all of the tips and tricks I’ve learned for using it…