jQuery CSS2 / CSS3.0 Plugin & Tutorials with Example

Fixed Background Effect with jQuery & CSS3

Fixed Background Effect with jQuery & CSS3

A simple template that takes advantage of the background-attachment CSS property to create a fixed background effect.

30 CSS Page Preload Animations

30 CSS Page Preload Animations

30 CSS page preload animations that used only CSS for the animation, jQuery was used just to hide the animation. You can hide the loading screen just by clicking anywhere on the screen.

Those animations are best suited for content that takes some time to load like an image gallery.

Simptip : CSS tooltip made with Sass

Simptip : CSS tooltip made with Sass

A simple CSS tooltip made with Sass. You can have a tooltip in different directions ( top , left , bottom , right ). You can also have a Tooltip in different color such as success , info , warning and danger. And finally other features like ( soft edge , half arrow , movable effect , fade effect , multiline tooltip ).

Product Preview Slider with CSS3 & jQuery

Product Preview Slider with CSS3 & jQuery

An easy way to show more product images and variations right in the product gallery.  A simple slider to check product variations before jumping into the product page.

CSS3 Hover Link Effects

CSS3 Hover Link Effects

One of the essential parts of a website is a text link. By clicking an anchor tag you can go anywhere from the site as it points to a specific page.

Today, We are going to show you how to create awesome links using new features of CSS3: transition and transform. At the end of this tutorial you’ll have cool link hover effect that will surely rock your navigation.

Animated Menu to Cross Icon with CSS3 & jQuery

Animated Menu to Cross Icon with CSS3 & jQuery

The project Menu-to-cross-icon is a project made to show people different ways to create a “Menu icon” that switch into a “cross icon”.Some technics use vanilla javascript, some uses jQuery and some are powerd by CSS only!

SkyBlue CSS Framework

SkyBlue CSS Framework

This is not Bootstrap killer, I just think Bootstrap is way too bloated. SkyBlue is a minimal framework that is meant to be starting point for my projects.

Nice Looking Contact Form with CSS & jQuery

Nice Looking Contact Form with CSS & jQuery

A simple and easy to customize contact form. A minimal and customizable snippet to throw a semantic form into your web projects on the fly.

CSS effects for Notifications using Animate.css

CSS effects for Notifications using Animate.css

This tutorial is aimed to show you some very common CSS transitions used in development. I chose to illustrate this on notifications because i can use the both hidden and visible states of elements to display a broad range of animations.

jQuery Smooth Parallax Scroll

jQuery Smooth Parallax Scroll

Smooth parallax animations on vertical page scrolling using requestAnimationFrame and CSS3 3D transitions.



Best jQuery websites design awards