jQuery CSS2 / CSS3.0 Plugin & Tutorials with Example

Grid Item Animation Layout with CSS3 & JavaScript

Grid Item Animation Layout with CSS3 & JavaScript

Today we’d like to share a simple animated grid layout with you. The responsive layout has a sidebar and grid items that animate to a larger content area when clicked. The expanding element (which is a dummy element and not the grid item itself) is not animating in width and height but instead its original dimensions are already of the expanded size and we simply scale it down initially.

3D Bold Navigation in CSS & jQuery

3D Bold Navigation in CSS & jQuery

A bold navigation that slides in when active, replacing the current content in a 3D space.

Golden Forms Pro : Responsive professional Form Framework

Golden Forms Pro : Responsive professional Form Framework

Golden Forms Pro is a responsive professional form framework which focuses on a clean consistent Form UI. The package includes starter templates, a variety of form widgets such as Date Pickers, Time Pickers, Month Pickers, Color Pickers, Numeric Steppers, UI Sliders, toggle switches, validation, masking among other widgets.

All form elements are built with CSS3, HTML5 and jQuery. Other powerful features include, AJAX processing, a fluid 12 column grid, 8 working AJAX PHP forms with Ajax CAPTCHA server side and client side validation .

Motion Blur Effect with SVG & jQuery

Motion Blur Effect with SVG & jQuery

A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.Motion blur is a technique widely used in motion graphics and animation in general to make movement seem more smooth and natural.

Facebook Like Infinite Scroll Using jQuery

Facebook Like Infinite Scroll Using jQuery

In this tutorial we are going to implement Facebook like Infinite Scroll using jQuery. This Infinite scroll only loads the more data when users reaches the bottom of the page. This avoids web application to load tons of data when web application starts, this will greatly improves web  application loading speed as well as improves users experience i.e. avoids the unnecessary page navigation to see more data.

Advantages:

  1. Improves the page loading speed.
  2. Greatly improves the user experience by avoiding unnecessary navigation.

Hover Effects Builder – WordPress Plugin

Hover Effects Builder - WordPress Plugin
  • Apply CSS3 hover effects to the images on your website without any CSS coding knowledge.
  • Assign any of predefined effects to featured images for standard and custom post formats.
  • Create your own hover effects with unlimited variations of styles and colors in our Editor.
  • Combine different effects to create unique animation hover effects.
  • Apply fully customizable shortcode to any image in WordPress Post/Page Editor.

Loaders.css : Pure CSS Loading Animations

Loaders.css : Pure CSS Loading Animations

A collection of loading animations written entirely in css. Each animation is limited to a small subset of css properties in order to avoid expensive painting and layout calculations.

Responsive Facebook Style Timeline Design With Bootstrap

Responsive Facebook Style Timeline Design With Bootstrap

In this tutorial we are going to implement this Responsive Facebook style timeline design with Twitter Bootstrap. I am going to explain step by step implementation of this Responsive Timeline Design, so just follow the each steps carefully.

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.



Best jQuery websites design awards