View source for CSS Checker JetPack Extension

== Project Name ==

CSS Checker JetPack Extension 0.1

== Project Description ==

CSS as a standard evolves more slowly than browser vendor implementations, and as such, browser extensions are created. For example: -moz-box-shadow (Mozilla only), -webkit-box-shadow (Chrome/Safari), box-shadow (CSS standard). This extension will allow the user to tell when a a -webkit-* extension is being used for which there is also a -moz-* version. This will help with finding compatibility issues on websites that appear to work in one browser and not another.

'''Resources'''
* Vendor Specific Extensions:
:# http://www.w3.org/TR/CSS21/syndata.html#vendor-keywords

* JetPack SDK
:# https://jetpack.mozillalabs.com/
:# IRC in #jetpack on irc.mozilla.org 

* Gecko Layout Engine
:# https://developer.mozilla.org/en/Gecko

* Mozilla CSS Extensions
:# https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions

* WebKit Layout Engine
:# http://webkit.org/

* Webkit CSS Extensions
:# http://trac.webkit.org/browser/trunk/WebCore/css/CSSPropertyNames.in
:# http://trac.webkit.org/browser/trunk/WebCore/css/CSSValueKeywords.in

== Project Leader(s) ==

* [[User:knovichikhi|Konstantin Novichikhin]]

== Project Contributor(s) ==

* [[User:David.humphrey|Dave Humphrey]]

== Project Details ==

Release 0.1
The extension is based on JetPack SDK and packaged as standard FF extension in a xpi archive.

The way it works:
On tab load, it will parse page style sheets all the way down to X CSS properties. It will then get that CSS property selector and convert it to xpath. Firefox xpath evaluator interface will then build a list of matching DOM elements.
The problem right now is to get webkit properties from style sheet, since those are ignored by Firefox nsCSSScanner.

== Project News ==
* [http://manoutoftime.wordpress.com/2010/10/22/release-0-1 0.1 Release]
* [http://github.com/manoutoftime/cssChecker GitHub Repo]