JSFiddle

  • Kendo UI Starter Template

    An empty fiddle with the latest Kendo UI CSS and JS references.

    (function () {
        $.fn.elementRealWidth = function () {
            $clone = this.clone()
                .css("visibility", "hidden")
                .appendTo($('body'));
            var $width = $clone.outerWidth();
            $clone.remove();
            return $width ...
  • 3 DIVs, middle responsive width

    jQuery 1.9.1, HTML, CSS, JavaScript

    <div id="main">
        <div id="left">Left</div>
        <div id="right">Right</div>
    </div>    
  • 3 DIVs, middle responsive width #21 is the latest revision

    jQuery 1.9.1, HTML, CSS, JavaScript

    $(document).ready(function(){
        resizeMid();    
        $(window).resize(function() {
          resizeMid();
        });    
    });  
    
    function resizeMid(){
        var mid_width = $('#main').width() - ($('#left').width());
        $('#right').css({'width':mid_width});
    }
    
  • Snowman

    Made with CSS Gradients

    <div class="snowman">
        
    </div>