JSFiddle

  • jQuery + clouds weather + heatmap #61 is the latest revision

    playing with google maps v3 Fusion table, clouds, weather and heatmap

    var map;
    var elevator;
    var myOptions = {
        zoom: 3,
        center: new google.maps.LatLng(37.09024, -95.712891),
        mapTypeId: 'terrain'
    };
    map ...
  • jQuery + google maps + Elevation #12 is the latest revision

    playing with google maps v3 events, jQuery, icons from http://google-maps-icons.googlecode.com

    var map;
    var elevator;
    var myOptions = {
        zoom: 4,
        center: new google.maps.LatLng(37.09024, -95.712891),
        mapTypeId: 'terrain'
    };
    map ...
  • Bootstrap legend for phpunit coverage

    proposal by @pborreli

    $('.popin').popover({trigger: 'hover'});
    
  • Bootstrap legend for phpunit coverage

    proposal by @pborreli

    prettyPrint();
    $('.popin').popover({trigger: 'hover'});
    
  • Bootstrap legend for phpunit coverage

    proposal by @pborreli

    <div class="container">
    <div class="progress">
        <div class="bar bar-danger" style="width: 35%;"><strong>Low</strong>: 0% to 35%</div>
      <div class="bar bar-warning" style="width: 35%;"><strong>Medium</strong>: 35% to 70%</div>
      <div class="bar bar-success" style="width: 30%;"><strong>High</strong>: 70% to 100%</div>
    </div>
    </diV>
  • Sliding Labels

    Sliding labels is open source code by Tim Wright of CSSKarma.com Use as you see fit, I'd like it if you kept this in the code, but basically share it and don't be a jerk. Support: http://www.csskarma.com/blog/sliding-labels

    <form action="/ajax_html_echo/" method="post" id="info"> 
        <h1>Contact Us</h1> 
        <div id="name-wrap" class="slider"> 
            <label for="html">Name</label> 
            <input type="text" id="html" name="html"> 
        </div><!--/#name-wrap--> 
        
        <div id="email-wrap"  class="slider"> 
            <label for="email">E&ndash;mail</label> 
            <input type="text" id="email" name="email"> 
        </div><!--/#email-wrap--> 
        
        <div id="url-wrap"  class="slider"> 
            <label for="url">URL</label> 
            <input type="text" id="url" name="url"> 
        </div><!--/#email-wrap--> 
        
        <div id="comment-wrap"  class="slider"> 
            <label for="comment">Comment</label> 
            <textarea cols="53" rows="10" id="comment"></textarea> 
        </div><!--/#comment-wrap--> 
        
        <input type="submit" id="btn" name="btn" value="submit"> 
    </form> 
  • jQuery + google maps + Elevation #3154 is the latest revision

    playing with google maps v3 events, jQuery, icons from http://google-maps-icons.googlecode.com

    var map;
    var elevator;
    var myOptions = {
        zoom: 6,
        center: new google.maps.LatLng(46.87916, -3.32910),
        mapTypeId: 'terrain'
    };
    map ...
  • Nivo Slider #404 is the latest revision

    http://nivo.dev7studios.com/ for more info about this plugin

    $('#slider').nivoSlider();
  • Nivo Slider #3 is the latest revision

    http://nivo.dev7studios.com/ for more info about this plugin

    $('#slider').nivoSlider();
  • A jQuery Flickr Feed Plugin #42 is the latest revision

    more info : http://www.newmediacampaigns.com/page/jquery-flickr-plugin

    $('#basicuse').jflickrfeed({
        limit: 14,
        qstrings: {
            id: '44802888@N04'
        },
        itemTemplate: 
        '<li>' +
            '<a href="{{image_b}}"><img src="{{image_s}}" alt="{{title}}" /></a>' +
        '</li>'
    });