jQuery CSS2 / CSS3.0 Plugin & Tutorials with Example

MixItUp 2 : jQuery Animated Filtering & Sorting Plugin

MixItUp 2 : jQuery Animated Filtering & Sorting Plugin

MixItUp is a jQuery plugin providing animated filtering and sorting.

MixItUp is great for managing any categorized or ordered content like portfolios, galleries and blogs, but can also function as a powerful tool for engaging application UI and data-visualisation.MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts.

Rather than using absolute positioning to control layout, MixItUp is designed to work with your existing inline-flow layout. Want to use percentages, media queries, inline-block, or even flex box? No problem!

Slick : jQuery Fully Responsive Carousel Plugin

Slick : jQuery Fully Responsive Carousel Plugin

Slick is a jQuery fully responsive carousel plugin.

Features:

  • Separate settings per breakpoint
  • Uses CSS3 when available. Fully functional when not.
  • Swipe enabled. Or disabled, if you prefer.
  • Desktop mouse dragging
  • Infinite looping.
  • Fully accessible with arrow key navigation
  • Add, remove, filter & unfilter slides
  • Autoplay, dots, arrows, callbacks, etc…

Sticker.js : Javascript library to Create a Sticker Effect

Sticker.js : Javascript library to Create a Sticker Effect

A Javascript library that allows you to create a Sticker Effect.It creates the necessary HTML elements in the target and add the sticker effect using CSS3.

jQuery WebRating Plugin

jQuery WebRating Plugin

jQuery webrating plugin.

Features:

  • Easy to configure
  • Precision upto 0.01
  • Use stars, hearts, smiles or your logo
  • Integrate with your own database
  • CSS based coloring
  • Customized toop-tip option
  • Callback functions on click & hover
  • Limit number of clicks per page view
  • Use cookies to limit clicks per visitor

Theme Slider : jQuery FullScreen Touch Slider Plugin

Theme Slider : jQuery FullScreen Touch Slider Plugin

Modern Touch-Enabled FullScreen Slider with Unlimited Layers and Animations.

Features:

  • Responsive, Mobile-Friendly with Touch/Swipe Support
  • 91 Predefined Layer Positions, 650+ Font Styles (Google Fonts), 360+ Icons (Font Awesome Icons)
  • Unlimited Layers, Sublayers, Text Layers, Transitions, All of Them should be Animated
  • Compatible with All Major Browsers
  • Custom YouTube Player with Additional Options (Autoplay, Resize to Fit to the Screen, Loop, Hide Control Bar)
  • Customizable Animation Time, Delay for Each Main Slide, Sublayer, Text Layer, Custom Options for Text Animations
  • 80+ Animation Types, combined with Easing Effects you can create more than 300 Unique Animations
  • 10+ Main Slider Animations with Hardware Accelerated CSS3 Technology
  • 30+ Text Animations
  • 10+ Sublayer Animations with in and out animations including random type
  • 30+ Easing Effects
  • AutoPlay, Control Options (color, position for global or each slides)
  • Integrated Preloader with 5 custom animations

Line.js : jQuery Plugin for Line based CSS effects

Line.js : jQuery Plugin for Line based CSS effects

A JQuery based plugin in its baby steps for easy to implement, line based, CSS effects.

Attempts to make this type of effect easier to implement by reducing the amount of HTML required as code required for this effect is appended to the DOM on load.

Puerto – CSS3 Responsive Mega Menu

Puerto - CSS3 Responsive Mega Menu

Puerto – Responsive Mega menu: is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. CSS is separate from HTML and is well commented. Menu has two similar layout and eight colors, each theme can be used separately without any connection with the others. Menu is responsible and adapts to the screen of the device(computer monitor, tablet, mobile phone…). Menu also has five different animation.

Accordion Slider – Responsive jQuery WordPress plugin

Accordion Slider - Responsive jQuery WordPress plugin

Accordion Slider is a fully responsive and touch-enabled WordPress plugin that combines the functionality of an accordion with that of a slider.

  • Fully Responsive – automatic or custom responsiveness.
  • Touch-enabled – touch-swipe and tap on mobile screens, mouse drag on desktops.
  • Dynamic Content – load images and content from posts, galleries and Flickr.
  • Automatic Updates -update the accordion directly from the Dashboard.
  • Pagination -add as many panels as you want without worrying about screen space.
  • Smooth animations – uses CSS3 transitions and RequestAnimationFrame.
  • Retina-ready – specify a retina version for each image.

Minimal Form Interface with CSS3

Minimal Form Interface with CSS3

A very simplistic form interface that shows only one text input at a time and reveals the next input with a subtle transition. The concept is based on the form at the bottom of the PageLanes website.

Today we’d like share a very simplistic form interface with you. You’ve probably seen this kind of single input view form in several modern websites. We spotted one in the end of the PageLanes website and thought that this is a really nice and user-friendly concept for a form.

Fluid Menu to Overlay Content CSS3 Animations

Fluid Menu to Overlay Content CSS3 Animations

I would like to share with you a personal experience I had while trying to build advanced visual animations with CSS keyframes. The topic we’re going to address is animating several HTML elements simultaneously and taking advantage of keyframe flexibility. To explain this subject, we will create a simple fluid menu based on four squares. Clicking on one of them will display an overlay showing related content, closing the overlay will reverse the process showing the default menu. All delays will be managed directly with CSS — no javascript timeout() here.



Best jQuery websites design awards