David Woolf

Articles

The anatomy of everyday UI: color and light

Color and light provide personality, depth, and tactility to interfaces. With multiple color spaces, powerful gradient and composition filter functions, element shadows, and inter-color interactions...

Read more
  • everyday ui

The anatomy of everyday UI: layout

Well defined layouts on the web are no easy task. Many decisions, across multiple components, need to sync up for proper alignment, spacing, and hierarchy on devices ranging from phones to televisions. In addition, semantically accurate elements...

Read more
  • everyday ui

The anatomy of everyday UI: text

Text is a crucial part of any interface, be it a marketing site or an app. It's no wonder that HTML comes with an immense amount of tags, properties, and recommendations when it comes to handling text...

Read more
  • everyday ui

Design states for engineers

While modern design tools provide powerful prototyping and dynamic layout, it's not always clear how a static design should be translated to an interactive interface with various design states...

Read more
  • design systems
  • front end
Made in San Diego Built with Svelte | Hosted on Vercel 🏳️‍🌈 🐶 🏖️