Explore Our Resources
We're always building and learning because the best solutions and thinking evolve with time.
Our Lab Projects
CodePen Redesign Process
All the behind-the-scenes action that went into (and continues to go into) redesigning the CodePen experience.
A guide to the Sparkbox apprenticeships. We build responsive, standards-compliant, content-focused, well-crafted, accessible, beautiful web sites and apps—and this curriculum will help you learn to do the same.
Comparing web animation techniques by showing how to bounce a ball with each one.
Starter kit for developing HTML emails using modern build tools. Build emails the way you build websites.
A Ruby Gem that uses Mina and Cirlce CI to let you to deploy to any server of your choice without the need for a bunch of server dependencies.
Create an authorized_keys file for a shared shell account from a repository of public key files.
Control JS with media queries with a simple wrapper around matchMedia to run code on entry and exit from media queries.
Determine current page dimensions and current media query in convenient, bookmarklet form.
Watch how our latest site evolved and see how we got to where we are now.
Style Prototypes can potentially save a lot of hours—and sometimes headaches—in the design process.
Visual Priority Guide
It's sort of a mobile-sized content prototype wireframe thingy—a single deliverable that provides direction for content-focused design and mobile-first development in something resembling a wireframe.
Content Priority Guide
It's part content modeling, part stripped-down wireframe, and useful throughout developing a site.
We've been taking group notes at conferences, workshops, and talks since 2014. Check out all the smarts speakers have shared with us and other attendees.