Codrops logo
  • Playground
  • Tutorials
  • Sketches
  • Articles
  • Collective
  • CSS Reference
Search icon

Planning Your Web Design with Sketches
art-directionplanningsketchingux-planning

Planning Your Web Design with Sketches

Jan 29, 2013 by Steven White

Planning a website doesn’t have to be completely digital. Learn how sketching wireframes can help you speed up and innovate your creatives.

+ more
Flipping Circle Slideshow
3dslideshow

Flipping Circle Slideshow

Jan 28, 2013 by Manoela Ilic

A simple circular slideshow where we flip the image in order to navigate.

+ more
NotifySnack Giveaway

NotifySnack Giveaway

Jan 25, 2013 by Manoela Ilic

In this giveaway you can win one of 3 yearly VIP memberships for NotifySnack (and the entire SnackTools family of apps) worth $168 each.

+ more
Creative Layouts and Interactions in Web Design
inspirationnavigationroundupscroll

Creative Layouts and Interactions in Web Design

Jan 24, 2013 by Carrie Cousins

Creative design that differ from the usual layouts can be quite difficult to imagine and execute but when done well, they can make some of the most interesting and engaging websites.

+ more
Defending Presentational Class Names
best-practicesopinionpreprocessor

Defending Presentational Class Names

Jan 22, 2013 by Philip Walton

Should presentational class names always be avoided or is that too dogmatic? As web development changes, perhaps it’s time to reexamine the issue.

+ more
UI Guidelines For Responsive Design
adaptiveinspirationuser-experience

UI Design Guidelines for Responsive Design

Jan 21, 2013 by Kayla Knight

Some UI guidelines and tips to consider when designing a website to make it cross-device friendly and responsive.

+ more
Putting CSS Clip to Work: Expanding Overlay Effect
clipoverlay

Putting CSS Clip to Work: Expanding Overlay Effect

Jan 17, 2013 by Manoela Ilic

A tutorial about how to create a simple expanding overlay effect using the CSS clip property and CSS transitions.

+ more
Understanding the CSS Clip Property
clip

Understanding the CSS Clip Property

Jan 16, 2013 by Kitty Giraudel

Learn about the underused and often misunderstood CSS clip property and understand how to apply it for some nifty effects.

+ more
3D Gallery Room
3dslideshow

3D Image Gallery Room

Jan 15, 2013 by Manoela Ilic

An experimental image gallery with a realistic touch: the images are displayed in a 3D room with walls.

+ more
Designing For The Empty States
appsinspirationstyle-guideuser-experienceUX

Designing For The Empty States

Jan 9, 2013 by Craig Dennis

Understand how to add some delight into an app by designing the empty states and give users a better experience.

+ more
Juicebox Giveaway

Juicebox HTML5 Image Gallery Giveaway

Jan 9, 2013 by Manoela Ilic

Win one of five licenses for Juicebox, the ultimate and modern HTML5 image gallery with mobile support.

+ more
3DBookShowcase_Main
3dbookflip

3D Book Showcase

Jan 8, 2013 by Manoela Ilic

An experiment about a realistic looking book showcase with some interactivity using CSS 3D transforms.

+ more
Techniques for Creating Motion in Web Design
inspirationroundupvisual movement

Techniques for Creating Motion in Web Design

Jan 2, 2013 by Carrie Cousins

Create a livelier page by using images and objects that create a sense of motion. Get inspired by great web design examples and learn about some practical techniques.

+ more
Mailchimp
Create stunning brand assets with the help of our AI-driven Creative Assistant. Get started today.
Explore the site
  • Home
  • Articles
  • Tutorials
  • Playground
  • Collective
  • Blueprints
  • CSS Reference
  • Freebies
  • About
  • Contact
  • Advertise
  • Privacy Policy
  • License
Follow Codrops
  • Subscribe
  • Twitter
  • Mastodon
  • Instagram
  • GitHub
  • RSS Feed
  • Content delivered by StackPath
  • © Codrops 2023