I care about software that's easy to reason about. I build design systems around composition, small well-defined primitives that snap together cleanly, semantic HTML as the first line of accessibility. I like constraints. Not as rules to follow, but as decisions already made.
Andrew Rock
Pens
I owe a lot to the CodePen team. From messing around with CSS in college, presenting at meetups, featuring in CodePen newsletters, to portfolio pieces.
In a weird way like a journal, scrolling back through old pens shows how my thinking has changed, but they are snapshots of that time and I try not to redo them now.
- Combining popovers and anchors Just seeing how popovers and anchors behave together. New Features
- Exploring the new native HTML selects Had a look at the new native select stuff. New Features
- Exploring Anchor Positioning Trying to get my head around anchor positioning. New Features
- Prompt Builder UI A rough UI for putting prompts together. UI
- Exploring scroll driven css animations Seeing what scroll-driven animations can do. New Features
- Exploring CSS Grid Posters Messing with poster layouts using grid. UI
- Messi collage A bit of a Messi collage experiment. UI
- Native accordion approaches Looking at a few native ways to do accordions. New Features
- Dashboard UI Just a simple dashboard layout. UI
- Homepage ideas A few homepage ideas I was playing with. UI
- Poster idea golf A golf poster idea I tried out. UI
- Agency Dashboard UI Another dashboard, this time more agency-ish. UI
- Exploring Football UI's — Juventus A Juventus-themed UI idea. UI
- Exploring Football UI's — Boca Juniors Same idea, but for Boca. UI
- CSS motion: Pyramids of Giza Tried animating a desert scene in CSS. Pure CSS
- Heroes in a half shell A CSS take on the turtles. Pure CSS
- Travel Sites ideation UI Some ideas for a travel site. UI
- Nat Geo Travel Site ideation A travel layout, loosely Nat Geo inspired. UI
- CSS Grid centering A handy way to center things with grid. Pure CSS
- Team Kanban Board Tailwind A kanban board built with Tailwind. UI
- Pure CSS VW Camper Made a camper van in CSS. Pure CSS
- Guinness stamp A Guinness-style stamp in CSS. Pure CSS
- Steve Jobs Tribute A small tribute layout for Steve Jobs. UI
- The Masters article My first go at CSS Grid, based on a magazine layout. UI