jQuery CSS2 / CSS3.0 Plugin & Tutorials with Example

jQuery Pricing Tables Creator

jQuery Pricing Tables Creator

Pricing Tables Creator is the only such tool for creating unique price tables. With a few mouse clicks you can completely change the look of your tables.

Features:

  • Up to 6 tables
  • 3 different templates
  • 15 trendy fonts
  • 8 ready-made color schemes
  • 11 CSS3 hover effects
  • 6 global options (currency, period, spacing, the effect hover, button 1, button 2)
  • 4 options for each table (color, rating, icon, highlight)
  • Unlimited color variants
  • Pure CSS3
  • Fully Responsive
  • Tested on the main browsers

flexImages : jQuery Fluid Galleries Plugin

flexImages : jQuery Fluid Galleries Plugin

A lightweight jQuery plugin for creating fluid galleries as seen on Flickr and Google Images.

Features:

  • Source images/objects can have any size
  • Works with more than just images, e.g. videos, iframes and plain text
  • Responsive
  • Equal margins between images controlled via CSS
  • No cropping or reordering
  • AJAX ready, e.g. for infinite scrolling
  • Support for lazy loading of images and iframe contents
  • Layout options to control e.g. the maximum number of rows – or whether or not to display an incomplete (last) row.

jQuery Coverflow widget

jQuery Coverflow widget

Yet another jQuery Coverflow widget.

Features:

  • Keyboard interaction using the cursor keys, Home, End, Page Up and Page Down.
  • Click on a picture to move it to focus.
  • Uses CSS3 transformations if supported by browser, otherwise gracefully degrades.
  • Events for changing the focus, selecting and confirming (clicking on the picture in focus).
  • Animation easing and duration.
  • Separate CSS styles for the selected, innermost and outermost styles, all smoothly transitioning.
  • Support for your own transitioning code, should you want to use weird CSS tricks such as CSS3 filters.

Rounded Animated Navigation with CSS3 & JQuery

Rounded Animated Navigation with CSS3 & JQuery

An experimental full-screen navigation, animated using CSS and jQuery, that expands within a circle.

NightOwl : jQuery Advanced Calculator Generator

NightOwl : jQuery Advanced Calculator Generator

NightOwl is an all-in-one mathematic solution for everyday web design.With built-in equation parsing, NightOwl automatically converts nearly any mathematic equation into a functional calculator with a specific cause. Calculators can be stand-alone or assigned to a specific input. NightOwl additionally includes a  highly customizable and feature-right scientific calculator.

Features:

  • Scintific Calculator with Basic Mode
  • Generate Calculators using Equations
  • 12 Preset Positions Relative to Fields
  • Play CSS3 Animations on Solve
  • JavaScript Callbacks for solving
  • Tons of Built-In Mini-Calculators
  • Includes 3 Customizable Skins
  • Calculators are Optionally Draggable

Facebook Style Notification Popup using CSS & jQuery

Facebook Style Notification Popup using CSS & jQuery

Are you looking for Facebook UI features, this post will explain you how to create a Facebook style notifications popup using Jquery, HTML and CSS, you will understand how CSS elements will helps to improve better web design. This is the most needed feature for social networking web projects to minimize and enrich the UX elements.

Image Caption Animation with CSS3 Transitions & Transform

Image Caption Animation with CSS3 Transitions & Transform

jQuery caption hover effects have been on the Web for a long time. There are plenty of jQuery libraries out there that can be used to obtain a cool and amazing image caption animation and hover effects.

That being said, it is now possible to do the same cool effects with CSS3 transitions and transform properties.

Tooltip Styles Inspiration with CSS3 & SVG

Tooltip Styles Inspiration with CSS3 & SVG

A small collection of various hover tooltip styles and effects for your inspiration. Using CSS transforms, border-radius and SVG shapes we can create modern looking and interesting tooltips.

Tooltips are normally used for providing some kind of extra information and they can be found in almost every website. Those tiny little helpers offer a great opportunity to add some subtle and unique effects to any design. So today we want to show you some possibilities of showing those elements in style. We only use CSS transitions via hover and also some SVGs to create unique shapes.

FAQ Template with jQuery & CSS3

FAQ Template with jQuery & CSS3

An easy to customize template for the FAQ section of your project, with the questions/answers grouped in categories to ease the navigation. It’s responsive, powered by CSS and jQuery, with support for devices with Javascript turned off.

Revealing Content Overlays With CSS3 Transitions

Revealing Content Overlays With CSS3 Transitions

In this tutorial, we create revealing content overlays with CSS3 transitions, allowing us to minimise content clutter and provide a neat user experience.

Imagine your company offered a bunch of different services, and on your website’s services section, they were listed. Each service had its own description, but you didn’t want to occupy a whole lot of page real estate. You present a bunch of attractive links or buttons instead, prompting and allowing users to click on the links to view more. Each service might not warrant a whole new page, so instead, we reveal content overlays with CSS3 transitions. They animate into view above the page, and can be closed off easily without ever having to traverse different pages.



Best jQuery websites design awards