121
Top posts
Every blog post that took off on Hacker News, ranked by the votes of its best submission. 1,666 posts.
122
123
124
Yep, I created the new Avatar font
Fonts designed by John Roshell in sunny Southern California
125
Lesser Known Coding Fonts
In the past few months, I’ve become interested—fascinated even—by programming fonts. As programmers we look at text all day: code, logs, command outputs, monitoring tools, etc. If we’re going to be looking at text all day, we might as well make it easy and pleasant for our eyes to read that text.
126
The Future of CSS
Every year, browser vendors collaborate via the Interop project to synchronize their efforts on new HTML/CSS/JS features. This year, there’s a ton of super exciting features being considered! In this blog post, we’ll explore the CSS of the future, to get a glimpse of what we’ll soon be able to do.
127
2D Vehicles
Explore my 1996 vehicle physics prototype, recreated for the web as Motion Lab.
128
The Art Institute of Chicago Has Put 50k High-Res Images Online
The Art Institute of Chicago recently unveiled a new website design. As part of their first design upgrade in 6 years, they have placed more than 52,000 high-re
129
Please stop disabling zoom
I’m a frontend developer, consultant, accessibility auditor, blogger, teacher, and book author from Austria.
130
131
CSS for printing to paper
At work, one of the things I do pretty often is write print generators in HTML to recreate and replace forms that the company has traditionally done handwritten on paper or in Excel. This allows the company to move into new web-based tools where the form is autofilled by URL parameters from our database, while getting…
132
Redesigning GitHub Repository Page
Better design for Github repository page
133
The most satisfying checkbox
The Art of Game Feel (a.k.a Juice) in Product Design
134
The Monospace Web
Monospace fonts are dear to many of us. Some find them more readable, consistent, and beautiful, than their proportional alternatives. Maybe we’re just brainwashed from spending years in terminals? Or are we hopelessly nostalgic? I’m not sure. But I like them, and that’s why I started experimenting with all-monospace…
135
Art of Roads in Games
How games implement roads
136
The best icon is a text label
Icons are an essential part of many user interfaces. The thing is: more often than not, they break clarity. Just replace them by a text label. Or an icon plus label.
137
Pure UI
The growing convergence of the designer and programmer roles by way of React
138
AAA – Analytical Anti-Aliasing
How to fix jaggies the analytical way with some juicy secrets
139
The Most Mario Colors
The Mario franchise has two distinct logo styles. The first began with the Mario Bros. arcade game and is mostly used for side-scrolling Super Mario Bros. games, though not all of those games use that style. The second is a multicolor polygonal style, and though it’s primarily used for 3D Mario adventures now, it was…
140
How to Draw Animals (1930)
Les Animaux tels qu'ils sont par R. et L. Lambry sur le site de l' Agence Eureka (cliquez sur les images pour les agrandir) ...
141
How to design a house to last 1000 years
At last, we’re finally ready to put together the design for our house. A fully specified design, with every detail and system described, is well beyond the scope of this newsletter (not to mention the scope of my knowledge). But we can give a high-level schematic design, laying out the basic building systems and how…
142
If you're a button, you have one job
A blog about software craft and quality
143
Modern iOS Navigation Patterns
An unofficial bonus chapter for the iOS Human Interface Guidelines: Learn how to structure iPhone apps with drill-downs, modals, pyramids, sequences, and more.
144
CarPlay Is Additive
I don't understand why these EV manufacturers… don't understand.
145
How Booking.com manipulates users
Many websites and applications these days are designed to trick you into doing things that their creators want. Here are some examples from timewellspent.io:
146
147
Help I accidentally a wigglegram
It is a kind of stereo image you make by looping frames together, like as a GIF.
148
Building a Procedural Hex Map with Wave Function Collapse
I've been obsessed with procedural maps since I was a kid rolling dice on the random dungeon tables in the AD&D Dungeon Master's Guide. There was something magical about it — you didn't design the dungeon, you discovered it, one room at a time, and the dice decided whether you got a treasure chamber or a dead end full…
149
Two Slice, a font that's only 2px tall
A font that's only 2px tall, and somewhat readable! Uppercase and lowercase have some different variants, in case you find one more readable than the other. Numbers (sort of) and some punctuation marks are included.
150
Nice things with SVG
Exploring SVG and its visual effects applications