This website is always under construction….

Colophon

This website is designed and coded by me. This is the story of how I built it and where I draw my inspiration.

Research

In 2019, out of sheer frustration in not finding the answers I was looking for, I completed an audit of over 85 portfolio websites. The results helped me make informed choices in the redesign of my own portfolio, from the title of each page to the choice of images. I continue to frequently modify and optimize my website based on my findings.

A high-level write-up of my research can be found at: 2019 Audit of UX Portfolios. Blog posts about portfolio updates can be found under the tag “portfolio”.

Web Optimization

After earning my Mobile Web Specialist Nanodegree from Udacity, I have a greater appreciation for web optimization and performance. And I’m able to make those changes for my own site.

I am very happy to report that the design of my site consistently returns audit scores of 90-100 on Lighthouse, including a score of 95 on Accessibility and 100 on SEO. In addition to the design, I frequently make tweaks when possible to further optimize site performance.

Design

My design inspiration for this site draws from Swiss poster designs, as well as the following:

Inter: A Font Built for Screens

Inter is a variable font family carefully crafted & designed for computer screens.

Inter features a tall x-height to aid in readability of mixed-case and lower-case text. Several OpenType features are provided as well, like contextual alternates that adjusts punctuation depending on the shape of surrounding glyphs, slashed zero for when you need to disambiguate “0” from “o”, tabular numbers, etc.

The Inter project is led by Rasmus Andersson, a Swedish maker–of–software living in San Francisco. To find out more about Inter, visit rsms.me/inter/ or find it on Google Fonts. Contribute at github.com/rsms/inter.

Tachyons: Functional CSS Built for Humans

Tachyons is functional CSS for humans. It is fast loading, highly readable, and 100% responsive.

Tachyons is built with six principles:

  • Responsive
  • Readable
  • Modular
  • Accessible
  • Performant
  • Reusable

It features a mobile-first CSS architecture, a single purpose class structure, a nestable responsive grid system, careful documentation, and a lightweight library.

Read the docs, download the CSS, and learn more at tachyons.io.

A tachyon /ˈtæki.ɒn/ or tachyonic particle is a hypothetical particle that always moves faster than light. The word comes from the Greek: ταχύς or tachys, meaning “swift, quick, fast, rapid”