eCSStender - open source JavaScript library

eCSStender is an open source JavaScript library, created by Aaron Gustafson, that helps browsersÂ pay attention to the CSS code you write.

csstender 600x190 eCSStender open source JavaScript library

Designing with eCSStender

Extensions built with eCSStender greatly simplify the design process because you can author modern CSS using advanced selectors, properties such as border-radius, or custom font faces and rest assured that your design will work… even in IE6. To see what you can use today, browse the extensions. To use the extensions, download eCSStender and include it and your extensions in your site.

Developing with eCSStender

If you are interested in helping patch browser support for CSS or would like to experiment with custom properties or selectors, download your copy of eCSStender and take a look at the example extensions.

How eCSStender Works

Below is a step-by-step outline of the process by which eCSStender interacts with the page and with registered extensions.

Step 1 - Gathering the Document’s Stylesheets

As soon as the DOM is available, eCSStender loops through the document’s stylesheets and begins collecting information.

Step 2 - Parsing the Style Rules

When eCSStender begins examining the style rules in earnest, it first determines the assigned media type of the stylesheet it is in. If no media type is specified, the contained styles are assigned to “all.”

Step 3 - Running Tests

Before looking for extensions to trigger, eCSStender loops through the list of registered extensions and runs any test cases supplied. If the test cases do not pass, the extension is dropped from the list that will be run against the document’s styles.

Step 4 - Triggering Extensions

In the final step of its run, eCSStender loops through the catalog of style rules, medium by medium, and checks to see if any of the contained rules meet the criteria of the registered extensions.]

Website: http://ecsstender.org
License: MIT License