JSS stands for Javascript Style Sheets, it is a jQuery plugin that allows you to take advantage of the full range of jQuery selectors accross all browsers from within your standard CSS files.

How does it work:

You simply include jQuery and JSS in your page and then call the $.jss.apply() function. All your styles that are between “style” tags or in externally loaded CSS files are parsed and analysed. Each selector is the piped through to jQuery and the styles are applied via it’s .css() function.

The selectors and properties are limited to those understood by jQuery. JSS has been tested on IE 6+7, Firefox 2, Safari 3, Camino 1.5 & Opera.

How do I use Test Visuals

A full explaination of the current API is available in the jss.js file.

This should get you started…

$(document).ready(function(){
	$.jss.apply();
});

Where can I get hold of it:

You can download the current version 0.4 from bottom link.

This version has several fixes and some cool new features, it is a recommended upgrade for all users.
Remember this still isn’t production ready code so please keep sending me your feedback and issues.
Check-out the changelog for more details on what’s new.

Speed, speed, speed, if you have any better ideas or fancy helping out then please get in touch, I’d love to hear from you.

* @import support
* Speed improvements
* Full documentation
* Support for :hover
* Support for rel=”jss-stylesheet” in link tags
* Selective loading of stylesheets
Demo: http://andykent.bingodisk.com/bingo/public/jss/test.html
Download: http://andykent.bingodisk.com/bingo/public/jss/packages/jss-0-4.zip
Source: http://andykent.bingodisk.com/bingo/public/jss/

Related Listings:

1. Two Style Sheets CSS and Netscape 4.xx Issues Netscape 4.xx is now more...
2. A Mac-style Dock in Javascript Apple’s Mac OS X operating system is renowned for...
3. Form With Style – Ajax Script Forms are not very friendly when it comes to CSS...
4. Content with Style Possibility of breaking down stylesheets into components that could be...

Do you like this post?

Email: