Projects

Things I’ve made as I strive to solve common visual, UX and technical challenges and drive accessibility standards.

  • Skunkworks UI

    Still at the initial stage, Skunkworks UI will be a collection of insights, experiments, and practical solutions tackling common challenges of UI development—from nuanced UX patterns and technical implementation hurdles.

    github.com

  • ResizeContainer

    A component which track changes in an elements dimensions via ResizeObserver API.

    github.com

  • Extended Click Area Component

    Coming Soon

    Using a redundant click handler technique to extend the click area of a component.

    github.com

  • CSS Subgrid - cross-card alignment

    Coming Soon

    A tailwind play to demonstrate using subgrid where the definition of its rows are deferred to the parent grid.

    github.com

  • Toggle View component

    A React component which allows a section of UI to transition from read-only to editable mode, with correct focus management.

    github.com

  • useToggleView hook

    A React hook to facilitate the toggling of two views with correct management of focus.

    github.com

  • Priority + Navigation pattern

    Coming Soon

    A React implementation of a priority + navigation pattern where navigation items responsively "drop" into an overflow menu.

    github.com

  • Grid dividers

    A tailwind play investigating how to add dividers to a grid layout. Slightly unusual use case where a divider was needed between second and third grid item, and with center alignment when 3rd item wraps.

    tailwind play