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

Simple Effects for Drop-Down Lists
3ddropdown

Simple Effects for Drop-Down Lists

In Playground, Nov 29, 2012 by Manoela Ilic

A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.

Calendario: A Flexible Calendar Plugin
calendar

Calendario: A Flexible Calendar Plugin

In Playground, Nov 27, 2012 by Manoela Ilic

A jQuery calendar plugin for creating flexible calendars.

MyThemeShop Membership Subscription Giveaway

MyThemeShop Membership Subscription Giveaway

In Giveaways, Nov 27, 2012 by Manoela Ilic

Win one of three MyThemeShop membership subscriptions and get access to over 30 premium WordPress themes.

Using Transparency in Web Design: Dos and Don’ts
inspirationrounduptransparency

Using Transparency in Web Design: Dos and Don’ts

In Articles, Nov 26, 2012 by Carrie Cousins

Experimenting with transparencies is a great way to expand your design repertoire. Like many other effects, use this technique sparingly and test the design in multiple environments to ensure that it works and looks as you intended.

Awwwards Submission Giveaway

Awwwards Submission Giveaway

In Giveaways, Nov 26, 2012 by Manoela Ilic

Win one of five standard submissions from Awwwards, the awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world.

Three Script Updates
gridhover

Three Script Updates

In Articles, Nov 23, 2012 by Manoela Ilic

The animated responsive grid, the direction-aware hover effect and the swatchbook have all been updated and added to GitHub.

Adaptive Thumbnails Pile Effect with Automatic Grouping
gridstack

Adaptive Thumbnail Pile Effect with Automatic Grouping

In Playground, Nov 21, 2012 by Manoela Ilic

An experimental jQuery plugin that will group thumbnails by a shared data-attribute into a pile. When clicking on the pile, the thumbnails that belong to that pile will be spread into a grid using CSS transitions.

Learning Principles for Improving Your CSS
best-practiceslearningopinion

Learning Principles for Improving Your CSS

In Articles, Nov 20, 2012 by Kitty Giraudel

This article will cover some basic principles and tips on how to learn and become better at CSS, based on personal experience.

Responsive CSS Timeline with 3D Effect
3dtimeline

Responsive CSS Timeline with 3D Effect

In Tutorials, Nov 19, 2012 by Manoela Ilic

A tutorial about how to create an experimental CSS-only timeline with a 3D effect. The idea is to expand a content area when the associated radio input is selected.

Creative CSS Loading Animations
preloader

Creative CSS Loading Animations

In Tutorials, Nov 14, 2012 by Kitty Giraudel

In this tutorial we’ll show you how to make some creative css-only loading animations also known as activity indicators.

Baraja: A plugin for spreading items in a card-like fashion
stack

Baraja: A Plugin for Spreading Items in a Card-Like Fashion

In Playground, Nov 13, 2012 by Manoela Ilic

With this jQuery plugin items can be spread in a card-like fashion and displayed in an unusual way. Several parameters allow many different spreading results, allowing a unique pattern.

Mobile Design Typography is Vitally Important and Challenging
inspirationmobile-designrounduptypography

Mobile Design Typography is Vitally Important … and Challenging

In Articles, Nov 12, 2012 by Carrie Cousins

One of the emerging challenges for web designers is creating web typography that works in the mobile environment as well. But it can be difficult, and there are many things to consider. The keys are to focus on readability, contrast, space and responsiveness.

Responsive WordPress Theme Giveaway

Responsive WordPress Theme Giveaway

In Giveaways, Nov 9, 2012 by Manoela Ilic

Win one of three Proximet responsive WordPress themes by Anariel Design worth $40 each.

Gamma Gallery: A Responsive Image Gallery Experiment
gridmasonryslideshow

Gamma Gallery: A Responsive Image Gallery Experiment

In Playground, Nov 6, 2012 by Manoela Ilic

Gamma Gallery is an experimental responsive image gallery that attempts to provide an adjustable responsive images approach taking its grid layout and the full slideshow view into account.

typography

Heading Set Styling with CSS

In Tutorials, Nov 2, 2012 by Kitty Giraudel

In this tutorial we will create a couple of heading styles to get your creative juices flowing for your next project. Make heading styles work by applying the right combinations of colors, fonts and decoration.

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.
Creative Coding Club
GSAP3: Beyond the Basics Ready to take your GSAP3 skills to the next level? Learn "must know" features of GSAP3 that will open your eyes to new ways of creating and controlling your animations. Use "cdrps" for 20% off!
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