Codrops

Making Room to Breathe: Wrapping Text Around Elements

I constantly look through websites and wonder why designers allow text and images to get a little too close. Why don’t the elements have room to breathe? That’s where text- or word-wrapping comes in. Adding space above, below and to the sides of an object emb... read more

In Tutorials by Mary Lou May 14, 2012 15 Comments

Annotation Overlay Effect with CSS3

In this tutorial we'll create a little overlay effect with CSS using a combination of the :checked pseudo-class with sibling combinators. The idea is to make an image ... read more

In Web Design by Carrie Cousins May 9, 2012 4 Comments

Understanding the Lingo: Typography Glossary

The art of typography is not always the easiest thing to understand. It almost has a language of its own. Understanding ascenders, descenders, ligatures, x-heights and stems will help you better m... read more

In Development by Pedro Botelho May 7, 2012 75 Comments

Experimental Page Layout Inspired by Flipboard

Today we want to share an experimental 3D layout with you. It's inspired by the famous Flipboard app where a seamlessly "normal" page flips like a page in a book when ... read more

In Web Design by Carrie Cousins May 1, 2012 8 Comments

Effective Typography-Driven Web Design

Not every design starts with a strong image. Sometimes a piece of type serves as the dominant art for your design project. The best text-driven design uses a minimal set of effects to create a... read more

In Tutorials by Ring Wing April 30, 2012 34 Comments

Fluid CSS3 Slideshow with Parallax Effect

In this tutorial, we are going to create a slideshow with a parallax effect with the help of some CSS3 properties. We'll use radio buttons and sibling combinators for ... read more

In Web Design by Carrie Cousins April 25, 2012 5 Comments

Type Effects in Web Design: It’s All About Moderation

Some type effects are so common that we may not even notice them in design. Bolding and italics, for example, have dedicated keyboard shortcuts in most all editing software. Many font families als... read more

In Development by Tyler Craft April 24, 2012 16 Comments

Audio Slideshow with jPlayer

Today we'll share an audio slideshow with you. Using the open source audio framework jPlayer the slideshow will show images and play sound, changing the images at spec... read more