10 jQuery and CSS Plugins

We are always looking for good free tutorials, resources, tips, tricks, etc for our readers. Daily, we work hard to find new and useful stuff for designers like you. Today we have 15 great jQuery CSS plugins pertained to design a beautiful site using cool effects with CSS/jQuery.


1. jQuery CSS Abstraction

In this tutorial, you will learn how to use a certain class name as your hook in the CSS to affect the styling if you want to change the style of an element with JavaScript.
jQuery-CSS-Abstraction-.jpg
Source


2. jQuery UI CSS Framework

jQuery UI includes a robust CSS Framework designed for building custom jQuery widgets. By building your UI components using the jQuery UI CSS Framework, you will be adopting shared markup conventions and allowing for ease of code integration across the plugin community at large.
jQuery-UI-CSS-Framework-.jpg
Source


3. Easy Display Switch with CSS and jQuery

A quick and simple way to allow your users to switch page layouts by using CSS and jQuery.
Easy-Display-Switch-with-CSS-and-jQuery-.jpg
Source


4. Neon Text Effect With jQuery & CSS

It is both design and code oriented, to bring you the full web development experience. Learn how.
Neon-Text-Effect-With-jQuery-CSS-.jpg
Source


5. Inline Modal Window with CSS and jQuery

This tutorial requires intermediate knowledge of CSS and jQuery.
Inline-Modal-Window-with-CSS-and-jQuery-.jpg
Source


6. jQuery & CSS Sprite Animation Explained In Under 5 Minutes

In this tutorial you will learn how to create an entire animated scene using jQuery, CSS & Sprites. You’ll also get to see some pretty cool out-in-the-wild examples of jQuery Sprite Animation in action.
jQuery-CSS-Sprite-Animation-Explained-In-Under-5-Minutes-.jpg
Source


7. Smart Columns with CSS & jQuery

The great advantage of fixed columns in a liquid design is that it fills the view port with the columns because they can adjust. But as you can see there will be certain viewport resolutions, where it leaves excess white space where a column was just not able to squeeze in.
Smart-Columns-with-CSS-jQuery-.jpg
Source


8. Create a Better jQuery Stylesheet Switcher

Style Sheet switchers (or “color theme choosers“) are not really that new. Apart from that fact, they still are pretty fun to use and cool to see.
Create-a-Better-jQuery-Stylesheet-Switcher-.jpg
Source


9. Tabbed Navigation Using CSS

This tutorial will teach you how to create low-bandwidth tab navigation on a web page using CSS. As an extra bonus you’ll also learn how to switch tabs without loading the page more than once.
Tabbed-Navigation-Using-CSS-.jpg
Source


10. Bulletproof CSS Sliding Doors

This tutorial will teach on how to create a bulletproof Sliding Doors menu with HTML, CSS and jQuery. Cross-browser compatible, semantic structure, single-image, supports CSS Sprites and transparent images.
Bulletproof-CSS-Sliding-Doors-.jpg
Source