cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv headernumbered-list123split-screen

The
All the can't-miss links.

Delivered straight to your email each week. Go Sign Up.

Add the feed to your favorite RSS reader and never miss a thing.

Sponsor a week and reach a large audience of designers and developers.

May 22nd: Flora, Physics, and Fluid Type

Succulents

Chris Ota brings his serene Dribbble shot to CodePen in SCSS form.

A new pre-CMS platform to gather website content

Structure, organise and approve content in one place. Integrates with popular CMS'.

Rising and Falling Cubes

Watch Griffin Moyer's hypnotic cubes rise and fall, or zoom in for a closer look at the oddly satisfying blocks.

Tiddly Bits: Intro to D3 + React

"The curious coder might ask if d3 and React could work together. That coder would be correct, but the two libraries are fundamentally different in how they render to your browser." PJ Trainor explores how the two could come together in this informative post.

Lazy Load Images

by Derek Morash: "Lazy load images by initially loading a low res version and then replacing it with a higher res version once the page is done loading."

CSS-only shimmering neon text

You can make Giana's shimmering text say anything you like, just select the text and type away!

Fluid Typography

MadeByMike's gathered up a collection of his fluid typography examples! Each Pen includes detailed code comments with explanations.

CSS Wormhole

Approach Indrek Paas' CSS 3D experiment with caution. Don't get sucked into the wormhole!

Cracked (interactive)

Click anywhere to chip the screen, then watch it magically heal itself in Thibaut's Pen.

CSS Custom Properties on Elements

"An Example of setting and updating custom properties (--captionColor) on the element (not the root)" by Una Kravets

Go PRO on CodePen!

Unlock the full power of CodePen with features like Asset Hosting, Live View, and Collab Mode!

Our New Logo Physics

14Islands shows off the hero animation for their new website in this Project. Check it out on a small screen too, it's responsive!