Top posts
Every blog post that took off on Hacker News, ranked by the votes of its best submission. 1,666 posts.
Flexoki, an inky color scheme for prose and code
An inky color scheme for prose and code.
Milton Glaser: Ten Things I Have Learned
Milton Glaser (b.1929) is among the most celebrated graphic designers in the United States. He opened Milton Glaser, Inc. in 1974, and continues to produce an astounding amount of work in many fields of design to this day.
Acrobat is intrusive, slow and non-customizable
Acrobat is intrusive, slow and non-customizable. Of course there are alternatives, specifically bad ones...
How I’d redesign piano sheet music
How I’d redesign piano sheet music UPDATE: five years later, I’ve finally published a follow-up to this popular article. This time, I’m trying to do the same thing, but in a plain text format …
Middle Earth Map Style
“I wisely started with a map, and made the story fit”-JRR Tolkien The map drawn by Christopher Tolkien for his father’s book is a simple and beautiful reference. Absorbed for hours by curious minds…
The Scroll Up Bar
A design pattern that is currently growing more popular is the fixed position bar at the top of the page. Sometimes the bar stays the same throughout, sometimes the header morphs into a slimmer bar as you scroll down, sometimes a completely new bar appears.
How to choose colors for your CLI applications (2023)
Let’s say you’re creating a CLI tool which has to display syntax highlighted source code. You begin by choosing some colors which look nice with your chosen terminal theme:
The Story of the New Microsoft.com
Rainypixels is Nishant Kothary's personal web site — a 100% Cruelty-Free Petting Zoo for Pixels.
I spent some time exploring how to improve the UX of code blocks on the web
Challenging the UX of code blocks.
Semantic Zoom
Making a gestural, itemized environment more fluid
Getting Creative with Perlin Noise Fields
How to make infinite design variations using Perlin noise fields, a simple generative algorithm.
Developing a responsive, Retina-friendly site (Part 1)
This post is part of a series documenting the design and development of this blog, including responsive mobile first web design.
When going somewhere does a thing: on links and buttons
At the Fronteers conference, Manuel during his presentation did an exercise on building HTML that seemed fairly straightforward. On the site of Max Böck there's a thing you can click to open up a theme selector. What's that thing? Of course, it's a button! Because it opens the theme selector at the top of the […]
New UI Pattern: Website Loading Bars
Here’s an emerging UI pattern: a web page loading bar. Unsatisfied with progress indicators provided by the browser, some sites are implementing their own ones to show the load status of the next page. The progress bar appears as a thin line overlaying the content, sitting right underneath the browser toolbar, growing…
The Finder’s GUI tax can be very expensive
Once a month, I download roughly 25 gzipped (.gz) files from Apple—these are our Mac App Store sales reports, with one file for each App Store region. I could have Safari expand these files (via the "Open 'safe' files after downloading' item in its preferences), but I prefer to leave that option unchecked. (Why? I…
Animated GIFs the Hard Way
When doing the new website for the Sublime Text 2.0 launch, instead of just screenshots, I wanted to have animations to demonstrate some of its features. One of the criteria was that the animations should work everywhere, from IE6 to an iPad. This ruled out two common video options, Flash and the <video> element…
Designing Stereographic Lampshades
I saw an article on the Guardian website here on the 3D-printing of shapes which project interesting patterns of light. Ignoring the strangely forced Halloween reference, I thought this would be an interesting project to attempt for an arbitrary pattern, perhaps as a personalised lampshade. Buoyed by the continuing…