Archive | codepen

RSS feed for this section

Prototyping in the Browser

Prototyping animations and interactions is vital for a number of reasons: they can make your interface feel deceptively fast, they can help focus the user on a specific task, and they can provide a better sense of the current state of your application. Is data being loaded? Is something now unclickable? How long do they have to wait until they can perform an action?

At Gusto, I’ve been working on a lot of tiny interaction details and prototypes lately …

The post Prototyping in the Browser appeared first on CSS-Tricks.

4 Reasons to Go PRO on CodePen

I could probably list about 100 reasons, since as a founder, user, and (ahem) PRO member of CodePen myself, I’m motivated to do so. But let me just list a few here. Some of these are my favorites, some are what PRO members have told us are their favorite, and some are lesser-known but very awesome.

1) No-hassle Debug View

Debug View is a way to look at your the Pen you’ve built with zero CodePen UI around it and …


4 Reasons to Go PRO on CodePen is a post from CSS-Tricks

The Can-Do’s of CodePen Projects

We just recently launched Projects, the latest big feature over on CodePen. It’s quite a bit different than the Pen Editor, so let’s take a look at all the things it can do!

A Complete File System, and Complete HTML Files

With CodePen Projects, you get a sidebar of files for you to put whatever files you like.

That’s different than the Pen Editor on CodePen, which only gives you the HTML, CSS, and JavaScript editor to work …


The Can-Do’s of CodePen Projects is a post from CSS-Tricks