Moving Boxes Content with jQuery
Today we will create a website template with some really sweet animations using jQuery. The idea is to have little boxes scattered around at the top of the site and
+ moreArchive
Here you can browse through all articles, tutorials, roundups and experiments on Codrops.
25 Examples of Portrait Usage in Web Design
by Gisele Muller in Articles
Following the recent trend of using big background images in web design, we decided to gather a list of websites using portraits in their layouts. So at this showcas
+ more
The Importance of Texture in Mobile Design
by Patrick Cox in Articles
Implied textural designs are not new to the interwebs. Most of the time texture is used as a design device to add depth, dimension, or just used to spice up a [&hel
+ more
Expanding Image Menu with jQuery
In today’s tutorial we will create an expanding image menu with jQuery. The idea is to have some columns with black and white image slices that will make a con
+ more
Animated Content Menu with jQuery
Today we will create a slick animated content menu with jQuery for a restaurant theme. The menu items will be animated and when clicked, a content area with more inf
+ more
Showcase of Parallax Usage in Web Design
The use of the parallax effect or parallax scrolling effect in websites can add a nice three dimensional depth illusion to the design and make the visit very interes
+ more
Make ’em Feel at Home
by Patrick Cox in Articles
The more comfortable users are with your website the more likely they are to enjoy their experience and come back for another visit. Make them feel at home with a [&
+ more
25 Examples of Interesting and Beautiful Navigation
by Gisele Muller in Articles
Designing the perfect navigation for a website it's one of the main keys to have a good outcome, to have a website that gets users attentions and make them want to b
+ more
Re-thinking Browser Compatibility
by Patrick Cox in Articles
Kryptonite is to Superman as the browser is to the web designer. The lives of web designers everywhere would be much better if browsers would render their beautiful
+ more
Designing for Feature-Rich Websites: Best Practices
by Kayla Knight in Articles
For all websites, organizing content can be an issue. With poorly planned content placement, the visitor may not know where to look, or when. Disorganization can als
+ more
20 Unique and Creative Image Sliders
Image sliders and sideshows have become an essential element in web design. They are a great way to display information and visual content in an interesting way. Fro
+ more
Overlay-like Effect with jQuery
Today we will create a slick overlay effect with jQuery that does not use an overlay. The idea is to change the opacity or the color of certain elements in […
+ more
The Problem with Web Fonts
by Patrick Cox in Articles
The problem with web fonts is that nobody wants to use the ‘safe’ fonts and you need as much live text on your site as possible. So what’s a design
+ more
Fullscreen Gallery with Thumbnail Flip
In this tutorial we will create a fullscreen gallery with jQuery. The idea is to have a thumbnail of the currently shown fullscreen image on the side that flips when
+ more
25 Examples of Interesting and Creative Structures in Web Design
by Gisele Muller in Articles
Of course we all love the basics when it comes to web design, we like columns, grids, organized and well disposed content... but that doesn't mean we don't like crea
+ more
Let’s call it Modern Web Design
by Patrick Cox in Articles
I am proposing a new buzzword to replace all other web design buzzwords. Forget ‘Graceful Degradation’, lose ‘Progressive Enhancement’, drop
+ more
3D Wall Gallery
by Mary Lou in Playground
Today we want to share our latest experiment with you: the 3D Wall Gallery. Using the Safari browser the images of this gallery will be put into 3D perspective, when
+ more
Showcase of Depth and Perspective in Web Design
An interesting way to spice up a web design is to add some depth to it. Instead of making a design flat, certain elements and techniques can stimulate the depth [&he
+ more