UX Experiments and other fun web/screen exercises
Sometimes I need to build out web-based interfaces to measure the possibilities or to fully visualize design gaps and interaction issues. Here are a few that are not under embargo...
Color Contrast via Twind
A Twind v0 auto accessible foreground color contrast "plugin" using CSS props/variables.
Dynamic class swapping to simulate on-the-fly theme switching using Twind's amazinf CSS in Js.
jQuery-ish Contrast Color
DEPRECATED ~ Another Twind v0 foreground color contrast example but this one is using jQuery.
Twind Prose + Vue Fun
A starter page using Vue and Twind. Contains advanced examples for both libraries.
A prototype example of a Kiesel Guitar itemized option list and price sheet.
A super simple template to mimic Spotify's "Wrapped" yearly usage experience.
SASG + Twind
A recreation of a the classic SASG website home page using modern HTML, Twind, and Alpine.