JSFiddle

  • JavaScript Tricks (Crazy JS) #39 is the latest revision

    Examples of using JavaScript code and its features

    var types = (function(res){
      for(x in res){
        def = res[x]
        v = eval(x);
        def = ({
          examples:!def.examples||def.examples ...
  • Scoped style

    Firefox only...

    <div>
        <style scoped>
            div {
                color:red;
            }
            span {
                color:green;
            }
        </style>
        <div><span>This</span> is scoped style</div>
        <div>...and <span>this</span>...</div>
        <div>...and <span>this</span>...</div>
        <div>...and <span>this</span>...</div>
        <div>...and <span>this</span>...</div>
    </div>
    <div>And <span>this ...</span></div>
  • Active inputs in CSS

    Mootools 1.4.5, HTML, CSS, JavaScript

    <input>
    <input disabled>
    
    <input type="checkbox">
    <input type="checkbox" checked>
    
    <input name="r0" type="radio">
    <input name="r0" type="radio" checked>
    
    
  • scrolled navigation (css)

    Extending long navigation with additional action

    <div class="TopMenu">
        <a href="#more" class="more">></a>
        <ul style="" width="900">
            <li><a href="/"><img src="/bundles/bfmassets/images/home.png" width="15" height="15"></a></li>
            <li><a href="/op/gabarits/list/">créer/publier</a></li>
            <li><a href="/document/">documents</a></li>
            <li><a href="/admin/gabarits/" class="selected">Gabarits</a></li>
            <li><a href="/admin/agences">agences</a></li>
            <li><a href="/admin/users">comptes</a></li>
            <li><a href="/admin/mentions/">mentions légales</a></li>
            <li><a href="/admin/phototheque">Photothèque</a></li><li><a href="/admin/phototheque">New menu bla bla bla</a></li>
        </ul>
    </div>
  • Rainbowed shadow

    Mootools 1.4.0, HTML, CSS, JavaScript

    <div class="shadow">ssss</div>
    <div class="shadow">ssss</div>