JSFiddle

  • Responsive Picture - using srcset

    srcset

    <picture>
      <source media="(max-width: 480px)" srcset="https://i.imgur.com/thliRjX.jpg?w=228">
      <source media="(max-width: 640px)" srcset="https://i.imgur.com/O7JHnLK.jpg?w=194">
      <source media="(max-width: 1024px)" srcset="https://i.imgur.com/EH9kR0c.png">
      <img src="https://i.imgur.com/thliRjX.jpg?w=154fallback0" alt="Toast photo">
    </picture>
    
  • HTML5 Forms #2 is the latest revision

    jQuery Compat (edge), HTML, CSS, JavaScript

    $('head').append('<meta name="viewport" content="width=device-width, initial-scale=1" />');
    
  • Rich Text Popup (Summary/Details)

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

    /*
        Look ma, no JavaScript
    */
  • Ajax #1 is the latest revision

    jQuery 2.1.3, HTML, CSS, JavaScript

        console.log('loading event handlers');
        var $response = document.getElementById("response");
        var $getReposBtn = document.getElementById("get-repos");
        $getReposBtn.onclick = function(){
            var xhr ...