Compatibility/Projects: Difference between revisions

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
Confirmed users
1,567

edits

Navigation menu