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

freebieicon-setlandmarks

Freebie: Famous Landmarks Icon Set (AI, EPS, PSD)

Jul 31, 2013 by Shaun Dona

A set of 12 pixel-perfect famous landmark icons in AI, PSD and EPS format.

+ more
Google Nexus Menu
menu

Google Nexus Website Menu

Jul 30, 2013 by Manoela Ilic

A tutorial on how to re-create the slide out sidebar menu that can be seen on the Google Nexus 7 website.

+ more
Blueprint ScrollEffect
scroll

On Scroll Effect Layout

Jul 18, 2013 by Manoela Ilic

An on scroll effect template that animates the sides of sections once they are in the viewport.

+ more
Troubleshooting CSS
inline-blockpositionz-index

Troubleshooting CSS

Jul 17, 2013 by Kitty Giraudel

Sometimes CSS can be frustrating. Learn about some tricky properties, the common issues they can cause and how to solve them.

+ more
Header Effects
3dinspirationscroll

On Scroll Header Effects

Jul 16, 2013 by Manoela Ilic

Some inspiration for headers that animate when scrolling the page.

+ more
Justified and Vertically Centered Header with Pseudo-Elements
pseudo-element

Justified and Vertically Centered Header Elements

Jul 14, 2013 by Manoela Ilic

A little journey into positioning header elements to be centered vertically and justified with the help of pseudo-elements.

+ more
AnimatedBooks
3d

Animated Books with CSS 3D Transforms

Jul 11, 2013 by Marco Barria

A creative way to show interactive books using CSS 3D Transforms.

+ more
PseudoElementsImageCaptions
pseudo-element

Using Custom Data Attributes and Pseudo-Elements

Jul 5, 2013 by Manoela Ilic

A tutorial on how to (ab)use custom data attributes and pseudo-elements for creating image captions.

+ more
InteractiveParticlesSlideshow
canvasslideshow

Interactive Particles Slideshow

Jul 3, 2013 by Francesco Trillini

An interactive particles slideshow experiment built with HTML5 Canvas.

+ more
Grid Loading Effects
gridinspirationloading

Loading Effects for Grid Items with CSS Animations

Jul 2, 2013 by Manoela Ilic

Some inspiration for loading effects of grid items using CSS animations.

+ more
BlueprintResponsiveIconGrid
grid

Responsive Icon Grid

Jul 1, 2013 by Manoela Ilic

A responsive grid of anchors with icons, text and some example hover transitions.

+ more
BlueprintViewModeSwitch
gridshopping-cart

View Mode Switch

Jul 1, 2013 by Manoela Ilic

A simple view mode switch that has two example layouts, a grid and a list.

+ 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