jQuery CSS2 / CSS3.0 Plugin & Tutorials with Example

Image Comparison Slider with jQuery & CSS3

Image Comparison Slider with jQuery & CSS3

A handy draggable slider to quickly compare 2 images, powered by CSS3 and jQuery.

Tab Styles Inspiration with CSS3 & SVG

Tab Styles Inspiration with CSS3 & SVG

Today we’d like to share a couple of tab styles with you. We use pseudo-elements, SVGs and CSS transitions for some of the techniques.The collection contains some styles and effects for modern tabs; from a simple box to a SVG shape. Depending on your design, different tab layouts and looks can spice up your sections; think outside of the box (literally) and you’ll see how interesting the usually boring tabs can become.

Expander : Enlarge Image Viewer with jQuery & CSS3 Animation

Expander : Enlarge Image Viewer with jQuery & CSS3 Animation

Expander is a JavaScript library that converts any old tag into a smart clickable expanding object. It uses the latest of CSS3 animations to provide the best visual results. Expander is fully responsive and reactive. It will fit any screen or device as its mobile ready. It also support Chrome, IE, Firefox, Safari & Opera.

Jaguar : jQuery Adventure Game Engine

Jaguar : jQuery Adventure Game Engine

Jaguar puts the power of hardware-accelerated story-telling in your hands.Using only 3 simple HTML tags and minimal CSS, Jaguar can accomplish nearly all game features of classic adventure games such as Monkey Island, Loom and The Dig.Jaguar is build for beginners to finally be able to create story-driven adventure games without any coding experience.

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.



Best jQuery websites design awards