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

WebDesignersIdeaBook

The Web Designer’s Idea Book Vol. 3 Giveaway

Jun 28, 2013 by Manoela Ilic

Win one of five copies of The Web Designer’s Idea Book Vol. 3 by Patrick McNeil.

+ more
ExpandingSearchBar
search

Expanding Search Bar Deconstructed

Jun 26, 2013 by Manoela Ilic

A tutorial on how to create a mobile-friendly and responsive expanding search bar.

+ more
ModalWindowEffects
3dinspirationmodaloverlay

Nifty Modal Window Effects

Jun 25, 2013 by Manoela Ilic

A set of experimental modal window appearance effects with CSS transitions and animations.

+ more
grid

Dynamic Grid with Transitions

Jun 19, 2013 by Manoela Ilic

A dynamic grid layout that let’s you choose how many rows and columns of items are shown. Partly based on the visualization of Google Trends, except that you can add transitions.

+ more
typeandgrids_01_580x315

Type & Grids Responsive HTML5 Template Giveaway

Jun 18, 2013 by Manoela Ilic

Win one of nine Pro versions of the beautiful Type & Grids responsive HTML5 template.

+ more
Caption Hover Effects
3dhoverinspiration

Caption Hover Effects

Jun 18, 2013 by Manoela Ilic

A tutorial on how to create some subtle and modern caption hover effects.

+ more
Creative Button Styles
buttonhoverinspiration

Creative Button Styles

Jun 13, 2013 by Manoela Ilic

Some creative and modern button styles and effects for your inspiration.

+ more
StationeryIconSet_ShaunDona
aiepsfreebieicon-setpsd

Freebie: Stationery Icon Set (EPS, AI, PSD)

Jun 12, 2013 by Shaun Dona

A creative and unique Stationery icon set by Shaun Dona for your next project.

+ more
Web Audio Stylophone
audioweb-audio-api

Web Audio Stylophone

Jun 10, 2013 by Stuart Memo

Get started with the Web Audio API by learning how to recreate the classic miniature synthesizer.

+ more
tsgiveaway_featured

The Shock Bundle Giveaway

Jun 10, 2013 by Manoela Ilic

In this giveaway you can win one of 10 licenses for The Shock Bundle, worth $69 each.

+ more
Blueprint_FixedAnimatedHeader
scroll

On-Scroll Animated Header

Jun 6, 2013 by Manoela Ilic

A fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.

+ more
Blueprint_ResponsiveMultiColumnForm
form

Responsive Multi-Column Form

Jun 6, 2013 by Manoela Ilic

A responsive multi-column form with example media queries for a flexible layout.

+ more
Mailchimp
Get personalized content recommendations to make your emails more engaging. Sign up for Mailchimp today.
developer Nation Take the Developer Productivity survey now! Share insights, win $100 gift cards and more. Our Sponsor
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