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 […]
All Posts
Browse through all articles, tutorials, roundups, and experiments on Codrops.
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 […]
Sweet Thumbnails Preview Gallery
In Tutorials, by Manoela Ilic
In this tutorial we will create an image gallery with jQuery that shows a preview of each image as a little thumbnail. The idea is to hover over the slider […]
Shadow Usage in Web Design
In Articles, by Gisele Muller
When designing a website you can use several effects to drive attention to an element, emphasize something or simply to give your page an unique and personal touch. From underlines […]
Visual Movement: Flow in Web Design
In Articles, by Patrick Cox
In fine art, visual movement is used to guide the viewer through the piece. Lines, shapes, color, depth and hierarchy can all be used to guide the viewer from one […]
B&W Box Gallery
In Playground, by Manoela Ilic
In today’s experiment, we created a little gallery that plays with the black and white versions of images. The idea is to have an initial grid-like view of the different […]
Creative Examples of Portfolio Item Display
In Articles, by Stelian Subotin
Portfolios are a great opportunity to show your potential clients and customers what you have created and what you are capable of. It can also be a playground for ideas […]
Share, Don’t Steal (why we copy)
In Articles, by Patrick Cox
I’m totally guilty on this one Your Honor. I have copied sites before, but I have learned my lesson and I will never do it again. I promise. Why do […]
Animated Form Switching with jQuery
In Tutorials, by Manoela Ilic
In this tutorial we will create a simple animated form switch with three very common forms. The idea is not to leave the page when the user goes to another […]
25 Fresh Examples of Beautiful UI Elements
In Articles, by Gisele Muller
UI elements – user interface elements – are a really important part of the design process. They are what we can call the face of interaction between your site and its users. Everything need to be well designed, positioned and planned. Drop downs, menus, search boxes, forms…all these elements need to be clear, easy to see and use and also beautiful, everything to get the viewers attention and get the results we want.
Parallax Slider with jQuery
In Tutorials, by Manoela Ilic
Happy New Year! We will kick start 2011 with a vibrant image slider tutorial. We will make use of the parallax principle to move different backgrounds when we slide to […]
Portfolio Zoom Slider with jQuery
In Tutorials, by Manoela Ilic
In this tutorial we are going to create some nice effects for a portfolio or similar website with jQuery. We will create a tiny slider and integrate it with the […]
Website Tour with jQuery
In Playground, by Manoela Ilic
Today we want to share a little script with you that allows to create a tour on a website with jQuery. This can be very useful if you want to […]
Moleskine Notebook with jQuery Booklet
In Tutorials, by Manoela Ilic
Today we will show you how to use and customize the brilliant jQuery Booklet Plugin by talented Will Grauvogel. We will create a virtual Moleskine notebook with latest posts from […]
Bubbleriffic Image Gallery with jQuery
In Tutorials, by Manoela Ilic
In this tutorial we will create a bubbly image gallery that shows your images in a unique way. The idea is to show the thumbnails of albums in a rounded […]
Merging Image Boxes with jQuery
In Playground, by Manoela Ilic
Today we will show you a nice effect for images with jQuery. The idea is to have a set of rotated thumbnails that, once clicked, animate to form the selected […]
Overlay Effect Menu with jQuery
In Tutorials, by Manoela Ilic
In this tutorial we are going to create a simple menu that will stand out once we hover over it by covering everything except the menu with a dark overlay. […]
