Codrops
  • All Posts
  • Demos Hub
  • Webzibition
  • The Collective

How to Create a Simple Multi-Item Slider
menusliderslideshow

How to Create a Simple Multi-Item Slider

In Tutorials, Dec 31, 2012 by Manoela Ilic

A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on the slide direction.

Tips for a Clean and Minimal Online Store Design
e-commerceinspirationminimalismroundupstore

Tips for a Clean and Minimal Online Store Design

In Articles, Dec 26, 2012 by Carrie Cousins

A couple of tips for a clean online store design with some inspirational examples of minimal e-commerce sites.

Slider Pagination Concept
conceptpaginationslider

Slider Pagination Concept

In Playground, Dec 21, 2012 by Manoela Ilic

An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and style while allowing content to stay easily accessible.

A Creative Year: Distinctive Web Designs of 2012
colorinspirationrounduptypography

A Creative Year: Distinctive Web Designs of 2012

In Articles, Dec 18, 2012 by Manoela Ilic

An inspirational collection of the most impressive and distinctive web designs from the year 2012.

CSS Click Events
checkboxcss-only

CSS Click Events

In Tutorials, Dec 17, 2012 by Kitty Giraudel

An article about different experimental approaches of employing click events using CSS only. It summarizes and shows some clever hacks and smart tricks.

RockableThemes Premium WordPress Themes Giveaway

RockableThemes Premium WordPress Themes Giveaway

In Giveaways, Dec 13, 2012 by Manoela Ilic

Win one of three premium WordPress theme developer licenses from Rockable Themes worth $149 each.

Sticky Captions Concept
captionconceptgridhover

Sticky Captions Concept

In Playground, Dec 13, 2012 by Manoela Ilic

A little trick on how to make captions of thumbnails or items “sticky” in order to stay visible in the window or viewport.

Fullscreen Pageflip Layout with BookBlock
3dflip

Fullscreen Pageflip Layout

In Tutorials, Dec 11, 2012 by Manoela Ilic

A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left.

MaxCDN Giveaway

Holiday Giveaway: Win 1 of 6 Accounts with MaxCDN

In Giveaways, Dec 10, 2012 by Manoela Ilic

Win one of six accounts with included bandwidth from MaxCDN.com, the content delivery network that will improve your webpage performance.

Grabbing Attention and Building a Moving Experience with Shape
attentioncolorhierarchyshape

Grabbing Attention and Building a Moving Experience with Shape

In Articles, Dec 5, 2012 by Patrick Cox

Some thoughts on how shapes in web design can be used for attention-grabbing purpose and for an interesting or even comforting user experience.

Suppo: iOS App Support Page Giveaway

Suppo iOS App Support Page Giveaway

In Giveaways, Dec 5, 2012 by Manoela Ilic

Win one of 3 One Year Pro Plans from Suppo worth $110 each, to create and host your professional iOS app support page.

Audio Player: Responsive & Touch-Friendly
audio

Responsive & Touch-Friendly Audio Player

In Playground, Dec 4, 2012 by Osvaldas Valutis

A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used.

Cloudinary Giveaway: Image Management in the Cloud

In Giveaways, Dec 4, 2012 by Manoela Ilic

Win one of three Basic Plan registrations (for three months) worth $120 each from Cloudinary that let’s you manage your website’s images in the cloud.

StackSlider: A Fun 3D Image Slider
3dslideshowstack

StackSlider: A Fun 3D Image Slider

In Playground, Dec 3, 2012 by Manoela Ilic

An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and rotated to the center for viewing.

Wix Studio
Turn your one-off creations into a steady income stream by featuring your templates on the Wix Studio Marketplace. Cash in on your creativity—over and over again.
Readymag
Make designs interactive & publish as websites with Readymag. Transfer anything from Figma to Readymag in 4 clicks with a plugin.
Scrimba
Want to build websites but don’t know where to start? Scrimba's Frontend Developer Career Path is the perfect beginner-friendly course to kickstart your journey! Created with Mozilla MDN, it teaches you modern web development skills step by step. Codrops readers get 20% off Pro plans!
Explore the site
  • Home
  • Articles
  • Tutorials
  • Playground
  • Demos Hub
  • Webzibition
  • The Collective
  • CSS Reference
  • Freebies
  • About
  • Get in touch
  • Advertise
  • Privacy Policy
  • License
Follow Codrops
  • GitHub
  • Bluesky
  • Instagram
  • Facebook
  • Telegram
  • Mastodon
  • X
  • RSS Feed
  • Proudly hosted by Liquid Web hosting Liquid Web logo
  • Content delivered by
  • © Codrops 2025
Support us on Patreon logo