JSFiddle

  • DragDrop #25 is the latest revision

    jQuery 1.7.2, HTML, CSS, JavaScript

    /*global _*/
    function log(a){
      console.log(a);
      var l = $('#logger');
      if(l.length){
        l.val(l.val()+'\n'+a ...
  • Alert UserAgent

    Mootools 1.4.5, HTML, CSS, JavaScript

    alert(navigator.userAgent)
  • Window height #5 is the latest revision

    jQuery 1.7.2, HTML, CSS, JavaScript

    var resizeCount=0;
    $(function(){
        $(window).on('resize', function(){
            resizeCount++;
            $('#rsc').html(resizeCount);
        });
        setInterval(function(){
            $('#h1').html($(window).height());
            $('#h2').html ...
  • Window height

    jQuery 1.7.2, HTML, CSS, JavaScript

    var resizeCount=0;
    $(function(){
        $(window).on('resize', function(){
            resizeCount++;
            $('#rsc').html(resizeCount);
        });
        setInterval(function(){
            $('#h1').html($(window).height());
            $('#h2').html ...
  • Scrolling Divs #157 is the latest revision

    It doesn't work at all on android 2 and iOS4. In Android 4 javascript scrollTo does not work

    $(function(){
        $('#menu-button').click(function(){$('#wrapper')[0].scrollTop=200;});
    });
  • Touch events improperly propagated

    On android and iOS when you touch the top button, the bottom button receives a click event (not a touch event). This only happens if the top button moves when you touch it (translate or positional)

    $(function(){
        $('#top').on('touchend', function(){$(this).toggleClass('active');});
    });
  • Translate3d with fixed element (Android2 version) #3 is the latest revision

    Fixed elements within translated elements become static. This is not a mobile bug as chrome on desktop does this as well. The translation needs to take place separately for the fixed and the non-fixed elements. Note:translating fixed elements does not work in android2. Use left/right instead of translate3d.

    $(function(){
        $('#menu-button').click(function(){$('#container').toggleClass('active');});
    });
  • Translate3d with fixed element (working) #1186 is the latest revision

    Fixed elements within translated elements become static. This is not a mobile bug as chrome on desktop does this as well. The translation needs to take place separately for the fixed and the non-fixed elements. Note:translating fixed elements does not work in android2. Use left/right instead of translate3d.

    $(function(){
        $('#menu-button').click(function(){$('#container').toggleClass('active');});
    });
  • Translate3d with fixed element #19 is the latest revision

    Fixed elements within translated elements become static. This is not a mobile bug as chrome on desktop does this as well. The translation needs to take place separately for the fixed and the non-fixed elements.

    $(function(){
        $('#menu-button').click(function(){$('#container').toggleClass('active');});
    });
  • Transition vs 3d Transforms #34 is the latest revision

    3d transforms are much faster than transitions and work in all major mobile browsers (iOS4, iOS5, Android 2, Android 4)

    $(function(){
        $('.clickable').click(function(){$(this).toggleClass('active');});
    });