This is a collection of web design resources I keep coming back to. This is not meant to be an exhaustive list.

Jumpstart

• 7 Practical Tips for Cheating at Design
• 6 Tips that Will Improve Your UI Typography
• Practical Color Theory for People Who Code
  • Based on that: My color scheme generator
• Hero Icons (a great icon set for most purposes)
  • Also Hero Patterns (SVG background patterns)
• Undraw (a bit worn, but still great if you need free generic illustrations)
• Google Fonts
• Web design in 4 minutes

Nuggets

• Little UI Details [Twitter]
• Collection of visual design techniques

Rabbit Holes

• Spark Joy [Github] (fantastic list of web design tools, inspiration, and more)

Libraries/Tools

• Tailwind CSS (CSS framework)
• Tailwind UI (payed, tailwind CSS based UI components)

React

• Auto Animate (Automatically animates child elements that move/appear/disappear)

New Comers

Not, yet, proven to me, but they have potential:

• Tabbied (pattern generator)
• Fonts In Use (find fonts that go well with your base font)
• Visual design rules you can safely follow every time

subscribe to blog

find me on

2023
30 Aug	Can You Customize my Startup's Login Page?
06 Jul	Internet Rabbit Holes
19 Apr	Access Your Password-Manager from Emacs on Linux
07 Feb	Websites I might need to steel ideas from
05 Feb	Webdesign Resources
2020
20 May	Some Bookmarklets I use
24 Feb	"What music do you like?"
2019
06 Jun	SAYM
06 May	Linsenssuppe
2018
21 Dec	Deadd Notification Center
2017
26 Sep	Mallorca 2017
12 Aug	Made with love
10 Aug	Color Theme Generator
2016
31 Jul	Burger
30 Jun	Philipp Uhl

© Philipp Uhl 2020

Hmmm...