JSFiddle

  • Bootstrap 2.3.2 Tooltip #542 is the latest revision

    jQuery 1.9.1, HTML, CSS, JavaScript

    $(function() {
        $('.resetPrice').tooltip();
    });
  • Bootstrap 3.0 Tooltip #565 is the latest revision

    jQuery 2.0.2, HTML, CSS, JavaScript

    $(function() {
        $('.resetPrice').tooltip();
    });
  • Bootstrap 2.3.2 Skeleton #143 is the latest revision

    jQuery 1.9.1, HTML, CSS, JavaScript

    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
                </button> <a class="brand" href="#">Bootstrap 2.3.2 Skeleton</a>
                <div class="nav-collapse collapse">
                    <ul class="nav">
                        <li class="active"><a href="#">Home</a>
                        </li>
                        <li><a href="#about">About</a>
                        </li>
                        <li><a href="#contact">Contact</a>
                        </li>
                    </ul>
                </div>
                <!--/.nav-collapse -->
            </div>
        </div>
    </div>
    
    
    
    <!-- Post Info -->
    <div style='position:fixed;bottom:0;left:0;    
                background:lightgray;width:100%;'>
        Find documentation: <a href='http://getbootstrap.com/2.3.2/base-css.html'>Get Bootstrap 2.3.2</a><br/>
        Fork This Fiddle Here: <a href='http://jsfiddle.net/KyleMit/xamHD'>Bootstrap ...</a></br/></div></!-->
  • Bootstrap 3 Skeleton #1137 is the latest revision

    jQuery 1.11.0, HTML, CSS, JavaScript

    <div class="navbar navbar-inverse">
        <div class="container">
            <!-- Header -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" 
                        data-toggle="collapse" 
                        data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">
                    Bootstrap 3 Skeleton
                </a>
            </div>
            <!-- Navbar Links -->
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="#about">About</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>
            </div>
        </div>
    </div>
    
    
    
    
    
    
    
    <!-- Post Info -->
    <div style='position:fixed;bottom:0;left:0; background:lightgray;width:100%;'>
        Find documentation:
        <a href='http://getbootstrap.com/css/'>
            Get Bootstrap 3
        </a><br/>
        Fork This Skeleton Here: 
        <a href='http://jsfiddle.net/KyleMit/kcpma/'>
            Bootstrap 3 Skeleton
        </a><br/>
    </div>
    
    
  • Styling abbr elements

    No-Library (pure JS), HTML, CSS, JavaScript

    The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.
    
    
    
    
    
    
    
    
    
    
    <!-- Post Info -->
    <div style='position:fixed;bottom:0;left:0;    
                background:lightgray;width:100%;'>
        Find documentation: <a href='http://www.w3schools.com/tags/tag_abbr.asp'>abbr tag</a><br/>
        Styling from: <a href='http://www.htmldog.com/ptg/archives/000028.php'>htmldog.com</a>
    <div>
  • css inheritence

    No-Library (pure JS), HTML, CSS, JavaScript

    abbr too big
    <div class='FormatChildren'>
        <span>Abbreviation: <abbr title='yes'>Y</abbr></span>
        <select><option>Select</option></select>
    </div>
    <br/><hr/>
    select too small
    <div class='FormatParent'>
        <span>Abbreviation: <abbr title='yes'>Y</abbr></span>
        <select><option>Select</option></select>
    </div>
    <br/><hr/>
    everything just right
    <div class='FormatREM'>
        <span>Abbreviation: <abbr title='yes'>Y</abbr></span>
        <select><option>Select</option></select>
    </div>
  • Test Mobile Site for JQuery UI

    jQuery 2.0.2, HTML, CSS, JavaScript, jQuery Mobile 1.3.1

    $( "#toggleswitch1" ).on( "slidestop", function( event, ui ) {
       //toggle visibility
       if ($('#PictureOfMe').css('visibility')=='hidden'){
           $('#PictureOfMe').css('visibility', 'visible');
       } else {
           $('#PictureOfMe').css ...
  • Change Focus #10 is the latest revision

    jQuery 2.0.2, HTML, CSS, JavaScript

    $(function() {
       // set focus
       $("#box").focus()
       // remove focus
       $("#box").blur()
    });  
  • Handling select event

    jQuery 1.9.1, HTML, CSS, JavaScript

    $(function () {
        // listen for changes and run again
        $("#enrolled").change(function () {
            var selectedYes = $(this).val() == "yes";
            // disable for all entries except ...
  • rcarousel #96 is the latest revision

    jQuery 1.7.2, HTML, CSS, JavaScript, jQuery UI 1.8.18

    $(function () {
        $("#carousel").rcarousel({
            auto: {
                enabled: true,
                interval: 1000
            }
        });
    });