JSFiddle

  • Safari bug with incorrect keyboard tabbing

    Using desktop safari v10.0.1 on OSX 10.11.6

    <fieldset>
    <legend>With space after <code>&lt;/use&gt;</code></legend>
    <form class="" action="index.html" method="post">
    <input type="text" name="" value=""><br>
    <button type="button">
    <svg><use xlink:href="#icon-check"></use>
    </svg> Focus me
    </button><br>
    <input type="text" name="" value=""><br>
    <button type="submit" name="button">Submit</button>
    </form>
    </fieldset>
    
    <br>
    <br>
    
    <fieldset>
    <legend>No space after <code>&lt;/use&gt;</code> <span style="color: red;">Safari 10.0.1 Cannot tab past the button ...</span></legend></fieldset>
  • Better faux italic for oblique text #87 is the latest revision

    Save on unnecessary font downloads.

    
    <b>Faux italic</b>
    <p class="one">Grumpy wizards make toxic brew for the evil Queen and Jack.</p>
    
    <b>CSS skewX(-8deg)</b>
    <p class="two">Grumpy wizards make toxic ...</p>
  • Justified box layout without flexbox or floats #187 is the latest revision

    text-align: justify + display: inline-block

    // Option switching controls
    
    var $boxSwitcher = $( '#boxes' );
    var $colSwitcher = $( '#columns' );
    var $staggerSwitcher = $( '#stagger' );
    var $alignSwitcher = $( '#v-align' );
    var $dirSwitcher = $( '#direction' );
    var $all ...