5 reaktioner på ”HTML5IFY – A JavaScript library making HTML5 backwards compatible”

  1. now, are you not just bleeding genius?! this is absolutely beautiful and i hope to find something when i click that HTML5IFY link up there.

    kudos

  2. ok… i’ve seen the code. one question though…

    does html5ify only apply to the data-meta attribute? if yes, what happens to the new tags ( et.c); if no, then how is it possible.

    i’ve been doing some work on backward compatibility for html5 using the jquery-mobile (1.0a) plugin. after much analysis of jquery-mobile and countless reading of w3c’s html4 specs., i adopted an approach to tweaking the jquery-mobile code for backward compatibility.

    basically, what html5 does is to create DOM elements representing various DHTML and XHTML elements. We’re used to using the and tags with #id and .class attributes. jquery simply checks the html document for these elements and attributes and applies jquery functionalities to them.

    I figured that we can have these html5 attributes presented as css classes while the corresponding jquery functionalities applied to them simply check for these classes in the DOM and execute.

    for the new tags (, et.c), we apply the same approach only this time we use the good old tag #id’ed as header, footer or whatever. we can then apply the classes we already defined eariler for the new html5 attributes to the tag to represent the new beahaviours.

    thus, this:

    text-1

    text-2

    brilliant-mind-isn’t-it

    becomes:

    text-1

    text-2

    brilliant-mind-isn’t-it

    lemme know what you think of this approach and if there may be any possible issues due to my choice of approach.

    thanks.

  3. here it is for the las time… if this raw approach don’t work then i’ll quit programming…

    this:
    div data-role=”page”>
    header data-role=”header”>
    h1>
    img src=”img/i.png” alt=”img-1″ />
    /h1>
    /header>

    div data-role=”content”>
    ul data-role=”listview” data-theme=”c” data-dividertheme=”d” data-counttheme=”e”>
    li>
    img src=”img/j.jpg” alt=”j” class=”ui-li-icon” />
    a href=”#”> text-1 /a>
    /li>
    li>
    img src=”img/k.jpg” alt=”k” class=”ui-li-icon” />
    a href=”#”> text-2/a>
    /li>
    /ul>
    /div>

    footer data-role=”footer”>
    h4> brilliant-mind-isn’t-it /h4>
    /footer>

    /div>

    becomes:

    div class=”data-role-page”>
    div id=”header” class=”data-role-header”>
    h1>
    img src=”img/i.png” alt=”img-1″ />
    /h1>
    /div>

    div class=”data-role-content”>
    ul class=”data-role-listview data-theme-c data-dividertheme-d data-counttheme-e”>
    li>
    img src=”img/j.jpg” alt=”j” class=”ui-li-icon” />
    a href=”#”> text-1 /a>
    /li>
    li>
    img src=”img/k.jpg” alt=”k” class=”ui-li-icon” />
    a href=”#”> text-2/a>
    /li>
    /ul>
    /div>

    div id=”footer” class=”data-role-footer”>
    h4> brilliant-mind-isn’t-it /h4>
    /footer>

    /div>

Kommentarer inaktiverade.