Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/skratchdot/w3c-html-elements.user.js

A user script to display additional information for each html element listed on the W3C elements page.
https://github.com/skratchdot/w3c-html-elements.user.js

Last synced: about 2 months ago
JSON representation

A user script to display additional information for each html element listed on the W3C elements page.

Awesome Lists containing this project

README

        

User Script : W3C HTML Elements
===============================

### Description ###

This is a user script to display additional information for
each html element listed on the W3C elements page:
[W3C HTML Elements Page](http://www.w3.org/TR/html-markup/elements.html).

By default, it shows "Tag Omission" information, but you can specify a
title and jQuery selector to get alternative information.

Please note this makes a large number of ajax requests after clicking the
"Create Table" button. At the time of this writing there are 142 HTML
elements listed on the page, therefore 142 ajax requests will be made
after clicking the "Create Table" button. See screenshots section below
for an idea of what the script does.

### Installation ###

1. Make sure you have user scripts enabled in your browser (these instructions refer to the latest versions of the browsers):
* CHROME: User scripts are enabled by default. Continue to STEP 2.
* FIREFOX: Install [GreaseMonkey](https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/), then continue to STEP 2.
* IE: Install [Trixie](http://www.bhelpuri.net/Trixie/). Continue to STEP 2.
* SAFARI: Install [SIMBL](http://www.culater.net/software/SIMBL/SIMBL.php). Install [GreaseKit](http://8-p.info/greasekit/). Continue to STEP 2.
* OPERA: Follow instructions located on Opera's site: [User JS](http://www.opera.com/docs/userjs/). Continue to STEP 2.
2. Install the "W3C HTML Elements" user script by clicking here: [w3c-html-elements.user.js](https://github.com/skratchdot/w3c-html-elements.user.js/raw/master/w3c-html-elements.user.js).
3. Visit the [W3C HTML Elements Page](http://www.w3.org/TR/html-markup/elements.html).

### Screenshots ###

Before clicking the "Create Table" button:

![Screenshot 1](https://github.com/skratchdot/w3c-html-elements.user.js/raw/master/images/screen1.gif)

After clicking the "Create Table" button:

![Screenshot 2](https://github.com/skratchdot/w3c-html-elements.user.js/raw/master/images/screen2.gif)