CodePen

New Pen
User Avatar of Chris Coyier

Chris Coyier

Milwaukee, WI PRO

Design is Hard: The Considerations Behind Resizeable Editors, a Minor Design Feature

We've just released a new feature in the editor here on CodePen: drag-resizeable editors. We wanted you to be able to drag the editors manually to the size you want. On paper, that design decision...

Updating the Typography on Posts

We recently dropped the custom @font-face font we were using on most of CodePen. Purely for performance reasons. It's so nice to see text just immediately pop up and be readable and usable. While...

CodePen's CSS

Inspired by Mark Otto's tour of GitHub's CSS and Ian Feather's tour of Lonely Planet's CSS, I thought I would join the party and talk about how we do CSS at CodePen.

Overview

[1] We use SCSS.

[2] We...

A Weird Thing That Happens



A (Closeable) <noscript> Warning Modal

Here on CodePen we display a modal window (just like the one you just had to close to read this) to users with JavaScript turned off. We like to make it very clear that CodePen isn't a terribly...