Skip to main content

Design

  • Can’t Unsee: test how good of an eye you have for UI design
  • Visual design rules you can safely follow every time
    • HN discussion
    • This has some great examples, showing both bad and good for each paradigm. Some of these I’ve followed just out of habit. The “Nest Corners Properly” rule was one that I had never thought about before, but the moment I saw it in practice I realized how easy it was to actually do that in the future.
  • Nerd Fonts, a collection of fonts for developers with tons of extra icons loaded into them.
  • Juice: what it is, and how to use it
  • The Quintessential Guide For Building An Unforgettable First-time User Experience [archive] by Wayne Chung I think is a really good example of how you can make a user’s first experience really special. The attention to detail and making the first experience really special to the user resonates a lot with me. I read it back when the article first came out in 2017 and it pops back into my head multiple times a year.

Inspiration:

  • Linear(HN): project management / issue tracking software. I love the look of the dashboard. Clean look, high contrast, excellent colour scheme. There are a few areas that I would adjust, but that’s okay.
  • Task Management Platform design by Levi Wilson. The key thing for me here is that the most important thing (the current, in-progress task) occupies the most screen space. Importance is dictated by the amount of space taken.

Image placeholder libraries:

  • ThumbHash
  • BlurHash
  • An alternative option is to use a WebP file with 0% quality at a very low resolution, and then scaling it back up.

Inspiration sites:

  • Dribbble
  • Mobbin
    • I’m less of a fan of this site than Dribbble. Not sure why.