Expanding Image Menu with jQuery
In Tutorials, by Manoela Ilic
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 content […]
All Posts
Browse through all articles, tutorials, roundups, and experiments on Codrops.
Animated Content Menu with jQuery
In Tutorials, by Manoela Ilic
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 information […]
Showcase of Parallax Usage in Web Design
In Articles, by Manoela Ilic
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 interesting to […]
Make ’em Feel at Home
In Articles, by Patrick Cox
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 […]
25 Examples of Interesting and Beautiful Navigation
In Articles, by Gisele Muller
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 browse around to check every little information (tab, image, text, etc) you have there. Navigation menus, schemes, layouts, everything has an important weight and need to be carefully analyzed to form a nice layout.
Re-thinking Browser Compatibility
In Articles, by Patrick Cox
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 designs without […]
Designing for Feature-Rich Websites: Best Practices
In Articles, by Kayla Knight
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 also look sloppy, and […]
20 Unique and Creative Image Sliders
In Articles, by Manoela Ilic
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. From the classical […]
Overlay-like Effect with jQuery
In Tutorials, by Manoela Ilic
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 […]
The Problem with Web Fonts
In Articles, by Patrick Cox
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 designer […]
Fullscreen Gallery with Thumbnail Flip
In Tutorials, by Manoela Ilic
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 […]
25 Examples of Interesting and Creative Structures in Web Design
In Articles, by Gisele Muller
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 creative and interesting structures in web design. Here we will show some examples of websites chosen a little bit different approach to design their pages and had a nice result.
Let’s call it Modern Web Design
In Articles, by Patrick Cox
I am proposing a new buzzword to replace all other web design buzzwords. Forget ‘Graceful Degradation’, lose ‘Progressive Enhancement’, drop ‘Semantic Web’ and let’s finally throw out the ‘Web X.0’ […]
3D Wall Gallery
In Playground, by Manoela Ilic
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 […]
Showcase of Depth and Perspective in Web Design
In Articles, by Manoela Ilic
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 […]
Thumbnails Preview Slider with jQuery
In Tutorials, by Manoela Ilic
In this tutorial we will show you how to create and use a thumbnails preview slider with jQuery. Since we got a lot of requests to show how to make […]
25 Examples of Circular Elements in Web Design
In Articles, by Gisele Muller
When designing a website we have a lot of elements to worry about: menus, navigations buttons, forms, header, footer and many other important details that make our design special. Today we decided to list some good examples of circular elements in web design. We will show you beautiful circular buttons, menus, images and other details.
Fingers are Bigger than Mice – Design Concepts for Mobile Websites
In Articles, by Patrick Cox
With smartphone subscriptions projected to climb above 50% of the market by the end of 2011, designing for mobile browsers and touch devices is now reaching critical mass. The days […]
