Skip to main content

Sparkbox 2017 CodePen Roundup

12-20-17 Catherine Meade

We’re fans of CodePen, using it for everything from side projects to teaching code classes. Catherine shares some of our Sparkboxers’ favorites of 2017.

It’s no secret we love Codepen (and not just because we had a hand in making it work). For everything from creating Foundry examples to teaching code classes, CodePen is an online frontend editor we don’t want to go without. Here are some of our favorite Pens, created by the Sparkbox Team.

Built something cool on Codepen? Tweet us your Pens, @hearsparkbox!

Brody the Pug Soundboard by Anastasia Lanz

This animated soundboard features Anastasia’s own pooch, Brody.

Multiple Shadows by Andrew Spencer

Andrew shares a couple of CSS drop shadow effects.

Teaching: Retrofitting a Table by Ben Callahan

Ben brings responsive web design to an old staple: the table.

A fun light animation made from Bryan’s personal brand.

Accordion Nav by Catherine Meade

Catherine’s take on an animated accordion navigation.

Jelly~ (scroll-based spring) by Ethan Muller

This fun, springy scroll animation built by Ethan is good enough to eat!

Vinyl by Jon Oliver

Jon combines work with “play” in this musical animation.

Bar Graph from a Table by Kasey Bonifacio

Combining data, science and design, this tool from Kasey follows both form and function.

CSS Parallax by Nate Jacobs

Nate brings the “wow” in this parallax-y scroll animation.

Oscillating Fan by Philip Zastrow

Our own Sassmaster is at it again with this “cool” fan animation.

Related Content

See Everything In

Want to talk about how we can work together?

Katie can help

A portrait of Vice President of Business Development, Katie Jennings.

Katie Jennings

Vice President of Business Development