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... read more
Manoela's Articles (157)
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 cert... read 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... read more
3D Wall Gallery
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 ... read 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 perc... read more
Thumbnails Preview Slider with jQuery
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 ... read more
Sweet Thumbnails Preview Gallery
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 ... read more
B&W Box Gallery
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 init... read more
Rocket Invoice Giveaway: Win a free copy
It’s time to give something back! In our first Giveaway we want to give you the opportunity to win a free copy of the PHP invoicing system Rocket Invoice! Upda... read more
Animated Form Switching with jQuery
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 ... read more
Parallax Slider with jQuery
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 b... read more
Portfolio Zoom Slider with jQuery
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 i... read more
Would you like to write for Codrops?
We are always searching for creative and bold minds that have extraordinary ideas and are happy to try out new things related to web design and web development. Become part of an amazing group of contributors and authors and start writing for us.
Get in touch with us and tell us what makes you crazy and innovative enough to join the Codrops team.