JSFiddle

  • minimalist crop rows

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

    <div class="hero">
      <div class="wrapper">
        <div class="dirt"></div>
        <div class="rows"></div>
      </div>
    </div>
    
  • pure css word balloon tooltip

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

    $('.tooltip-wrapper').on('touchstart',function(e) {
        $('.tooltip-wrapper').not(this).removeClass('hover');
        $(this).toggleClass('hover');
    });
  • pure css word balloon

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

    <div class="balloon balloon-right"></div>
    <br><br>
    <div class="balloon balloon-left"></div>
  • css object-fit property #4 is the latest revision

    http://caniuse.com/#feat=object-fit

    <img src="http://lorempixel.com/700/600/business/1" class="objectfit">
        
        <img src="http://lorempixel.com/700/600/business/1" class="">
  • load images with default instead of broken image

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

    <div class="outer"><div  style="background:url(http://lorempixel.com/200/250/sports/1/)"></div></div>
    <hr>
        <div class="outer"><div  style="background:url(http://lorempixel.com/nothing/here/)"></div></div>
    <hr>
    <div class="outer"><div  style="background:url(http://lorempixel.com/200/250/sports/2/)"></div></div>
  • multiple backgrounds using :before

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

    <div class="bg" style="background-image:url(http://placehold.it/250x100/ffffff/000000)"></div>
    
    <div class="bg" style="background-image:url(http://placehold.it/250x100/ff0000/ffffff)"></div>
    
    <div class="bg" style="background-image:url(http://placehold.it/250x100/ff00ff/ffffff)"></div>
  • colored multiline strikethrough #2 is the latest revision

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

    <p>Here comes some <span class="strike-wrapper"><strike>strike-through strike-through strike-through strike-through strike-through strike-through strike-through</strike></span> text!</p>
  • CSS styled strikethrough #207 is the latest revision

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

    <p>Here comes some <strike>strike-through</strike> text!</p>
  • ticket shape using pure css #12 is the latest revision

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

    <div class="ticket">Tickets</div>
    <br>
    <br>
    <div class="ticket">Tickets Tickets Tickets</div>
  • button with an angled banner in the corner

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

    <button data-bannertext="free">Submit an Ad</button>