Day and Night: Creating a Scenery Animation with jQuery and CSS

View demoDownload sourceIn today’s tutorial I am going to show you, how to create an amazing animated scenery with just a few lines of jQuery and some absolute positioned elements with images.See the demo link below and check out the result. The animation takes around 30 seconds, so sit back and enjoy it!Please note that this...

jPaginate: A Fancy jQuery Pagination Plugin

jPaginate is a jQuery pagination plugin that comes with a twist: animated page numbers. The user can slide through the available page numbers by clicking or just hovering over the arrows. Shortlinks to the first and last page are available as well. You can call the plugin in the following way:$(elementID).paginate()You can configure the...

A Fresh Bottom Slide Out Menu with jQuery

View demoDownload sourceIn this tutorial we will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. It will slide out from the bottom revealing the description text and some icon. We will use some CSS3 properties for some nice shadow effects and jQuery for the interaction.The...

Sliding Panel Photo Wall Gallery with jQuery

View demoDownload source Today we will create a stunning full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. When an image is clicked, a panel slides up from the bottom revealing the full picture. When clicking on the full image, the thumbs panel slide back from the bottom....

CSS and jQuery Tutorial: Fancy Apple-Style Icon Slide Out Navigation

View demoDownload sourceToday I want to show you, how to create an Apple-style navigation menu with a twist. Although “fancy” and “Apple-style” don’t really go together, I thought that it’s time for something different.This menu looks very similar to the Apple-style navigation but it reveals some icons when hovering over it. The icons slide...