- 1. jQuery CSS Abstraction
- 2. jQuery UI CSS Framework
- 3. Easy Display Switch with CSS and jQuery
- 4. Neon Text Effect With jQuery & CSS
- 5. Inline Modal Window with CSS and jQuery
- 6. jQuery & CSS Sprite Animation Explained In Under 5 Minutes
- 7. Smart Columns with CSS & jQuery
- 8. Create a Better jQuery Stylesheet Switcher
- 9. Tabbed Navigation Using CSS
- 10. Bulletproof CSS Sliding Doors
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.
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.
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.
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.
Source
5. Inline Modal Window with CSS and jQuery
This tutorial requires intermediate knowledge of CSS and jQuery.
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.
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.
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.
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.
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.
Source
Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.