jQuery CSS2 / CSS3.0 Plugin & Tutorials with Example

wankyPages : Fancy Page Transitions with jQuery & CSS3

wankyPages : Fancy Page Transitions with jQuery & CSS3

Wanky Pages is a page switching management with 3D/2D CSS3 transition support and jQuery.

Responsive Off Canvas Menu with CSS3 & jQuery

Responsive Off Canvas Menu with CSS3 & jQuery

In this article, I’ll be walking through a build demo that centers on two topics. The first is responsive design patterns that embrace the viewport and that improve content discoverability beyond the basic hyperlink; in this case, off-canvas navigation. The second is the complexities of implementing such ideas in an accessible and highly performant manner. These are two topics that I believe are at the heart of the Web’s future.

Simple Parallax Scrolling Effect with CSS3

Simple Parallax Scrolling Effect with CSS3

In this tutorial, we take a look at a beautiful parallax scrolling effect in the simplest of ways, with stationary backgrounds and scrolling content.

OpenMes : jQuery Open Messages With Animation Effects

OpenMes : jQuery Open Messages With Animation Effects

OpenMes is a jQuery plugin that is used to create unlimited popups, lightbox, messages, notifications with a lot of animation effects, support text, images, videos and also complicated HTML code. Additionally, OpenMes allows to combine inline and AJAX content for best SEO and performance.

Draggable Metro App Showcase with CSS3

Draggable Metro App Showcase with CSS3

Today I’d like to share with you an interactive and touch-optimized metro app showcase concept for showcasing a metro (probably a Windows Phone) app screenshot. The screenshot will be draggable and swipable, and you’ll have a couple of extra options to view how the app would look like in a mobile phone frame.

Image Overlay Hover Effects With CSS3 Transitions

Image Overlay Hover Effects With CSS3 Transitions

In this tutorial, we’re going to build some image overlay hover effects with CSS3 transitions. When we hover over an image, a neat transition will occur, showing us an icon that hints the user to click on it for more.

The Loading Bar WordPress Plugin

The Loading Bar WordPress Plugin

Your website will take a bit of time to load when you have images in them, and during this period your website can sometimes look broken. The Loading Bar is a lightweight plugin that will hide your site while it’s still loading, display a loading progress and when it’s fully loaded, shows your site in all it’s glory.

Side Shopping Cart with CSS3 & jQuery

Side Shopping Cart with CSS3 & jQuery

This animated side cart is a smart and not obtrusive way to let users jump in and out from the list of products they want to buy, without having to refresh the page or fire a popup.

Monocle List : Scrollable List Item in Magnify Area

Monocle List : Scrollable List Item in Magnify Area

Monocle List is a scrollable list item with manifying area.

Secondary Fixed Navigation with CSS3 & jQuery

Secondary Fixed Navigation with CSS3 & jQuery

A secondary navigation intended for users who want a quick overview of the page content, and be able to easily move from one section of the page to the other.

A fixed navigation with smooth, jQuery powered scroll. Nothing fancy here, yet a handy snippet for creating a secondary menu to quickly surf through the page content. We see this effect a lot these days, a good example I can think of is Disqus For Websites. A nice touch is to animate the logo and the main call-to-action button to slide in once the navigation becomes fixed.



Best jQuery websites design awards