Windy: A Plugin for Swift Content Navigation
by Pedro Botelho in Playground
This jQuery plugin can be used to swiftly navigate content items. The effect will make the items fly away like a deck of cards caught in a tiny storm.
+ moreArchive
Here you can browse through all articles, tutorials, roundups and experiments on Codrops.
Custom Drop-Down List Styling
by Kitty Giraudel in Tutorials
A tutorial on how to create some custom drop-down lists. We'll show you five examples with different looking drop-down menus and lists for various purposes.
+ more
Freebie: Application Icon Set (PNG, PSD, CSH)
by Matt Gentile in Freebies
The Application Icon Set by Matt Gentile consists of 120 pixel-perfect icons in three different sizes (16px, 32px and 64px) and it comes in three formats (PSD, PNG a
+ more
Vertical Showcase Slider with jQuery and CSS Transitions
A tutorial on how to create a responsive vertical fullscreen slider that moves its sections in opposite directions. We'll be using jQuery, CSS Transitions and media
+ more
Stop, Look, Click: Attention-Grabbing Elements in Web Design
by Carrie Cousins in Articles
There have been many studies on attention with very significant results coming from the area of cognitive neuroscience and psychology. It is an interesting challenge
+ more
Make a Statement with Type
by Carrie Cousins in Articles
Font choices can have an impact on how your message is communicated and how people feel about the words on the page.
+ more
3D Restaurant Menu Concept
A responsive 3D menu concept for a restaurant website. The idea is to show the menu as a folded flyer and unfold it in order to show the menu items.
+ more
Dashboard Design Elements for the Win
by Patrick Cox in Articles
Proper admin panel or dashboard design is an often neglected part in a web app. Designing and building dashboards is not an easy task and it's good to know what the
+ more
Fullscreen Video Slideshow with BigVideo.js
by John Polacek in Tutorials
A tutorial about how to create a slideshow-like fullscreen video background using BigVideo.js, a jQuery plugin for big background video.
+ more
Build a Color Scheme: The Fundamentals
by Patrick Cox in Articles
Let's dig into the very fundamentals of building a color scheme for your web design: what colors fit to which context, how do combinations work and what color scheme
+ more
Button Switches with Checkboxes and CSS3 Fanciness
by Kitty Giraudel in Tutorials
In this tutorial we will create some realistic-looking switch buttons using pseudo-elements and checkboxes.
+ more
Creative Web Typography Styles
Let's create some interesting web typography effects with several CSS techniques and the help of lettering.js.
+ more
Do I Really Need A Style Guide?
by Patrick Cox in Articles
What is a style guide and when should you use one? We'll summarize the main properties of a style guide, what it should contain and how you can determine if you shou
+ more
Perfectly Paired: Using Symmetry in Web Design
by Carrie Cousins in Articles
Create a sense of balance and harmony by using symmetry elements design scheme.
+ more
BookBlock: A Content Flip Plugin
by Pedro Botelho in Playground
A jQuery plugin that will create a booklet-like component that let's you navigate through its items by flipping the pages.
+ more
Multiple Area Charts with D3.js
by Tyler Craft in Tutorials
In this tutorial we will introduce some basics of D3.js and create an infographic with multiple area charts along with a context tool to zoom and pan the data.
+ more
Happy Birthday! 3 Years of Codrops
by Team Codrops in Articles
Happy Birthday, Codrops! We are turning 3 today! We want to thank all of you and share some highlights of the past years.
+ more
We Are Architects
by Patrick Cox in Articles
We all have a vision of what architects do, right? They sit in front of CAD all day drawing walls, doors and toilets on floor plans, right? But after realizing the d
+ more