JSFiddle

  • 3D Card Flip - ALL BROWSERS - (with static content)

    jQuery 2.1.0, HTML, SCSS, JavaScript

    $('.container').hover(function(){$('.container').toggleClass('applyflip');}.bind(this));
  • Chrome doesn't resize height of Flexbox

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

    <p>Hover a box in Chrome, move your mouse off</p>
    <p>Expected: box should resize</p>
    <p>Actual: box stays at expanded height (until ...</p>
  • Persona Buttons, CSS only

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

    <div class="wrap">
      <a href="#" class="persona-button"><span>Sign in with your Email</span></a>
      <a href="#" class="persona-button dark"><span>Sign in with your Email</span></a>
      <a href="#" class="persona-button orange"><span>Sign in with your Email</span></a>
    </div>
  • Handlebars ifCond #4 is the latest revision

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

    Handlebars.registerHelper('ifCond', function (v1, operator, v2, opts) {
        var isTrue = false;
        switch (operator) {
            case '===':
                isTrue = v1 === v2;
                break;
            case '!==':
                isTrue ...
  • Collect Data jQuery plugin #14 is the latest revision

    jQuery (edge), HTML, CSS, JavaScript, Firebug Lite

    //given a set of inputs and optionally a data structure, 
    //will scrape all the data and return a structured data ...
  • autogrow.js #747 is the latest revision

    Automatically grows and shrinks textboxes with your content as you type.

    ;(function($){    
        //pass in just the context as a $(obj) or a settings JS object
        $.fn.autogrow = function(opts) {
            var that ...
  • camelCasing + recursive tree parsing

    jQuery (edge), HTML, CSS, JavaScript, Firebug Lite

    var data = {
        title: "All Data"
        , data: []
    };
    
    function parse(node, parentObj) {
        var children = node.children()
            , text = (node[0].childNodes ? node[0 ...
  • toBool

    jQuery (edge), HTML, CSS, JavaScript, Firebug Lite

    console.log(toBool("true"));
    console.log(toBool("false"));
    console.log(toBool("apple pie"));
    console.log(toBool(22));
    console.log(toBool ...
  • Surround Selection #3 is the latest revision

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

    function surroundSelection() {
        var span = document.createElement("span");
        span.style.fontWeight = "bold";
        
        if (window.getSelection) {
            var sel = window.getSelection();
            if (sel ...
  • Sexy line

    Mootools 1.4.0, HTML, SCSS, JavaScript

    <center>TOO SEXY</center>
    <hr>