Programming & Design
Clean on the surface, playful underneath.
I care about how things are built and how they feel to use. This site is the sample: hand-written HTML, CSS and JavaScript, no framework, and a few surprises.
What went into this site
- The splatThe home page logo lands with a drop of goo that falls, squashes and spreads, then reveals the real logo. Click the logo to replay it.
- Live illustrationsThe IoT map and the PartSync window are small working models, not videos. Tap the map to host a hotspot.
- A real gameHold the Ramp on the gaming page runs on a plain canvas with touch controls and a leaderboard.
- Fast by defaultNo framework, one self-hosted font, images sized for each screen. Every page scores 99 or 100 in Lighthouse.
- Built for everyoneKeyboard friendly, screen reader labels, light and dark themes, and calmer motion when your device asks for it.
- Spam-proof contactThe email address is assembled only when you tap, so it never sits in the page for bots to scrape.
The palette
Near-black, a little grey, and one green borrowed from the original SpazCraft goo. Flip the theme with the button up top and watch it adapt.
- Background
--bg - Surface
--surface-2 - Muted
--muted - Text
--text - Goo green
--accent
Secrets
There are a few easter eggs hidden around the site. One involves a famous cheat code. Another rewards good manners in chat. The browser console has a note for curious developers.
Want to work on something like this?
Tell me what you're working on. I'll tell you honestly whether I can help, and where I'd start.