Windy: A Plugin for Swift Content Navigation
In Playground, by Manoela Ilic
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.
All Posts
Browse through all articles, tutorials, roundups, and experiments on Codrops.
Custom Drop-Down List Styling
In Tutorials, by Kitty Giraudel
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.
Freebie: Application Icon Set (PNG, PSD, CSH)
In Freebies, by Matt Gentile
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 and CSH). The icons are vector shapes so you can scale them to any size.
Vertical Showcase Slider with jQuery and CSS Transitions
In Tutorials, by Manoela Ilic
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 queries to make the layout adaptive.
Stop, Look, Click: Attention-Grabbing Elements in Web Design
In Articles, by Carrie Cousins
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 to translate those results into the domain of web design and use it as a tool for creating a meaningful impact.
Make a Statement with Type
In Articles, by Carrie Cousins
Font choices can have an impact on how your message is communicated and how people feel about the words on the page.
3D Restaurant Menu Concept
In Tutorials, by Manoela Ilic
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.
Dashboard Design Elements for the Win
In Articles, by Patrick Cox
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 key elements for a successful and great dashboard are.
Fullscreen Video Slideshow with BigVideo.js
In Tutorials, by John Polacek
A tutorial about how to create a slideshow-like fullscreen video background using BigVideo.js, a jQuery plugin for big background video.
Build a Color Scheme: The Fundamentals
In Articles, by Patrick Cox
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 concepts are there?
Button Switches with Checkboxes and CSS3 Fanciness
In Tutorials, by Kitty Giraudel
In this tutorial we will create some realistic-looking switch buttons using pseudo-elements and checkboxes.
Creative Web Typography Styles
In Tutorials, by Manoela Ilic
Let’s create some interesting web typography effects with several CSS techniques and the help of lettering.js.
Do I Really Need A Style Guide?
In Articles, by Patrick Cox
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 should invest the time in creating one for your brand/website.
Perfectly Paired: Using Symmetry in Web Design
In Articles, by Carrie Cousins
Create a sense of balance and harmony by using symmetry elements design scheme.
BookBlock: A Content Flip Plugin
In Playground, by Manoela Ilic
A jQuery plugin that will create a booklet-like component that let’s you navigate through its items by flipping the pages.
Multiple Area Charts with D3.js
In Tutorials, by Tyler Craft
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.
Happy Birthday! 3 Years of Codrops
In Articles, by Team Codrops
Happy Birthday, Codrops! We are turning 3 today! We want to thank all of you and share some highlights of the past years.
We Are Architects
In Articles, by Patrick Cox
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 duties of architects, the similarities are compelling and it leads to one conclusion: web designers are architects.
