W3C home > Mailing lists > Public > public-rdfa-wg@w3.org > May 2012

Highlight RDFa with CSS

From: Niklas Lindström <lindstream@gmail.com>
Date: Mon, 21 May 2012 00:16:48 +0200
Message-ID: <CADjV5jdtPMGhfHzvuUkFdRurUvwe=HjsJGAy+Y74RusjjDkzgw@mail.gmail.com>
To: public-rdfa-wg <public-rdfa-wg@w3.org>
Hi all!

I just hacked up a simple CSS for highlighting RDFa:

    http://niklasl.github.com/rdfa-lab/css/rdfa.css

It's designed to be used *instead* of the regular CSS of a page. (So
although it's possible to just add it to a styled page, things might
look quite odd if you do.) To try it out, use the basic "Use RDFa CSS"
Bookmarklet found at:

    http://niklasl.github.com/rdfa-lab/#bmlet-use-rdfa-css

Just add that to your browser bookmarks and activate on any page using
RDFa. (Or just run the JS in the bookmarklet directly, or add the CSS
in place using a DOM inspector...)

You can also go to the RDFa playground [1] and paste:

    <link rel="stylesheet"
href="http://niklasl.github.com/rdfa-lab/css/rdfa.css" />
    <style>head{display:none}body{width:auto}</style>

into an example there. (The added style is to adjust a bit for the small frame.)

I'm sure there are a lot of things that can be improved (color-wise
and match-wise). But I hope it's fairly useful as it is, and that
it'll provide inspiration for other tools (in-browser editors like
aloha-editor come to mind..).

Best regards,
Niklas

[1]: http://rdfa.info/play/
Received on Sunday, 20 May 2012 22:17:47 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Sunday, 20 May 2012 22:17:49 GMT