« W3C Developer Gathering Next Week; Registration Closes Today | Main | W3C community bridges unicorns and werewolves #tpac09 »
W3C Cheatsheet for developers
Yesterday, as part of the W3C Technical Plenary day, I got the opportunity to introduce a new tool that I had been working on over the past few weeks, the W3C Cheatsheet for Web developers.
This cheatsheet aims at providing in a very compact and mobile-friendly format a compilation of useful knowledge extracted from W3C specifications — at this time, CSS, HTML, SVG and XPath —, completed by summaries of guidelines developed at W3C, in particular the WCAG2 accessibility guidelines, the Mobile Web Best Practices, and a number of internationalization tips.
Its main feature is a lookup search box, where one can start typing a keyword and get a list of matching properties/elements/attributes/functions in the above-mentioned specifications, and further details on those when selecting the one of interest.
The early feedback received both from TPAC participants after the demo and from the microblogging community has been really positive and makes me optimistic that this tool is filling a useful role.
This is very much a first release, and there are many aspects that will likely need improvements over time, in particular:
- I would like the cheatsheet to cover more content — from specifications not yet released as standards as well as from topics not yet covered (e.g. JavaScript interfaces),
- some people have reported that there might be accessibility problems with the current interface, that I’m eager to fix once I get specific bug reports,
- the cheatsheet doesn’t work in IE6 (and probably even in later versions), and it would be nice to make it work at least somewhat there.
The code behind the cheatsheet is already publicly available, and I’m hoping others will be interested to join me in developing this tool — I’m fully aware that the first thing that will need to get others involved will be some documentation on the architecture and data formats used in the cheatsheet, and I’m thus hoping to work on that in the upcoming few weeks.
In the meantime, I very much welcome bug reports and suggestions for improvements, either by private email to me (dom@w3.org) or preferably to the publicly archived mailing list public-qa-dev@w3.org.
Filed by Dominique Hazaël-Massieux on November 5, 2009 9:47 PM in Accessibility, CSS, HTML, Internationalization, Mobile, SVG, Tools, Tutorials
| Permalink
| Comments (9)
| TrackBacks (0)
Comments
It would be nice if you added a iPhone bookmark icon :)
Great tool too!!
Urm - http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.w3.org%2FQA%2F2009%2F11%2Fw3ccheatsheetfor_developers.html - "1591 Errors, 1583 warning(s)"?
Or am I missing something?
Great, looks like a big help.
It says
>>>>>> 1.21 ======= >>>>>> 1.21 ======= >>>>>> 1.25 ======= >>>>>>> 1.21 ======= >>>>>> 1.24 ======= >>>>>>> 1.24 >>>>>>> 1.25 ======= >>>>>> 1.21 >>>>>>> 1.22 >>>>>>> 1.23
above the header. I dont think it should be there.
The cheatsheet now works at least somewhat in Internet Explorer; the problem came from training commas in the JSON data, à la {foo:"bar",baz:"quuz",}
What a handy little tool! I've always been a fan of your Semantic Data Extractor – thanks once again for providing another excellent tool to make my life easier, Dom!
Regards,
I have just Twitted this: "Definitely a starter page, not another bookmark for web developers: http://www.w3.org/2009/chea... #html #css #mobile #accessibility #I18"
Besides, the same here - about Jordan Clark's phrases on Semantic Data Extractor. Congratulations for the effort; everything seems to be working perfectly.
Regards; Kunter Ilalan
Great, looks like a big help. UDL Intermedia
Leave a comment
Note: this blog is intended to foster polite on-topic discussions. Comments failing these requirements and spam will not get published. Please, enter your real name and email address. Every individual comment is reviewed by the W3C staff. This may take some time, thank you for your patience.
You can use the following HTML markup (a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre) and/or Markdown syntax.
Nice! I found it pretty useful for looking up XPath 2.0 function prototypes.
Can you add keywords for SVG 1.1 elements/attributes/properties that aren't in 1.2T?