Compatibility/Projects: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(New page for Compatbility Projects)
 
Line 6: Line 6:
These are projects which we are not in the process of creating, but that would be good candidate to take on.
These are projects which we are not in the process of creating, but that would be good candidate to take on.
=== CSS Checker for Web Compatibility ===
=== CSS Checker for Web Compatibility ===
==== Idea ====
Kyle Foster [https://twitter.com/hkfoster/status/438377416017592320 tweeted]: "Someone make a tool that checks my CSS file against the Can I Use database and reports my browser compatibility."
Kyle Foster [https://twitter.com/hkfoster/status/438377416017592320 tweeted]: "Someone make a tool that checks my CSS file against the Can I Use database and reports my browser compatibility."
The tool could also report what changes to the CSS would make it more compatible with most "bang for the buck" - i.e. removing x:foo could increase your reach from 60% of browsers to 75%. Potentially on [http://webcompat.com webcompat.com].


The tool could also report what changes to the CSS would make it more compatible with most "bang for the buck" - i.e. removing x:foo could increase your reach from 60% of browsers to 75%. Potentially on [http://webcompat.com webcompat.com].
==== Resources ====
* Web Development and interfacing with caniuse.com
* Web Development and interfacing with caniuse.com
* Possibly hooking it with the CSS Validator (java) at W3C
* Possibly hooking it with the CSS Validator (java) at W3C
Line 16: Line 14:
=== CSS Converter from old to new Flexbox ===
=== CSS Converter from old to new Flexbox ===
It analyzes the old CSS flexbox syntax and proposes the equivalent syntax in the new Flexbox model.
It analyzes the old CSS flexbox syntax and proposes the equivalent syntax in the new Flexbox model.
==== Resources ====
 
* A bit of front-end Web development
* A bit of front-end Web development
* A table of correspondance
* A table of correspondance
Line 23: Line 21:
=== CSS Converter from WebKit to CSS3 gradient ===
=== CSS Converter from WebKit to CSS3 gradient ===
It analyzes the WebKit gradient syntax and proposes the equivalent syntax in the CSS3 gradient.
It analyzes the WebKit gradient syntax and proposes the equivalent syntax in the CSS3 gradient.
==== Resources ====
* A bit of front-end Web development
* A bit of front-end Web development
* A parser for CSS
* A parser for CSS

Revision as of 05:16, 26 February 2014

Web Compatibility Projects

Active

An active list of Web Compatibility Projects is available on the Mobile Web Compat team page.

Wish List

These are projects which we are not in the process of creating, but that would be good candidate to take on.

CSS Checker for Web Compatibility

Kyle Foster tweeted: "Someone make a tool that checks my CSS file against the Can I Use database and reports my browser compatibility." The tool could also report what changes to the CSS would make it more compatible with most "bang for the buck" - i.e. removing x:foo could increase your reach from 60% of browsers to 75%. Potentially on webcompat.com.

  • Web Development and interfacing with caniuse.com
  • Possibly hooking it with the CSS Validator (java) at W3C

CSS Converter from old to new Flexbox

It analyzes the old CSS flexbox syntax and proposes the equivalent syntax in the new Flexbox model.

  • A bit of front-end Web development
  • A table of correspondance
  • A parser for CSS

CSS Converter from WebKit to CSS3 gradient

It analyzes the WebKit gradient syntax and proposes the equivalent syntax in the CSS3 gradient.

  • A bit of front-end Web development
  • A parser for CSS
  • A converter

Closed/Not Active

Spade - Cancelled

Spade is an automated tool that will provide guidance as the the scope of the mobile Web problem. Note: this tool may be obsoleted by Seif Lotfy's work and is not being actively developed as of Nov-2013.