JSFiddle

  • Form to json

    form to jason

    $('.revealer').click(function () {
    
        var foo = $(this).closest('.revealBox').find('.reveal');
        $(foo)[this.checked ? "show" : "hide"]();
    
    });
    
    $('.item-add').click(function () {
        $('.card').hide ...
  • IE8 and older alert

    Eff' IE8 and older. Move the web forward!!!!

    $(document).ready(function () {
        if (jQuery.support.leadingWhitespace) {
            document.body.innerHTML = '<div class="alert">Upgrade your browser, the web will look a lot better ...</div>
  • Static left, fluid right

    Just a simple two column, one static one not.

    <div class="wrapper">
        <div class="column col1">
             <h1>This column is static.</h1>
    
            <p>A very very long sentence, well not really... well I guess now it so yeah, a ...</p></div></div>
  • Simple Accordion - no hardware accel #3 is the latest revision

    No hardware acceleration, software... bad on mobile

    (function ($) {
    
        var allPanels = $('.accordion > p').hide();
    
        $('.accordion > h1').click(function () {
            allPanels.slideUp();
            $(this).next().slideDown();
            return false;
        });
    
    })(jQuery);
  • Signup Form Elastic

    jQuery 1.8.3, HTML, CSS, JavaScript

    $(function(){
        $('.form_field input,.form_field textarea')
            .filter(':not(.formBind)')
            .bind('focus', function(){
                    // window.console.log('app.g.formBinds : focus');
                    $(this).prev ...
  • Tabflip- RWD

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

    <div class="wrapper">
        <div class="header">
            <div class="media">
                <img src="http://placehold.it/75x75" />
            </div>
            <div class="socialIconsHolder">
                <div class="socialIcons">
                    <ul class="inlineList icons">
                        <li>
                            <img src="http://placehold.it/30x30" />
                        </li>
                        <li>
                            <img src="http://placehold.it/30x30" />
                        </li>
                        <li>
                            <img src="http://placehold.it/30x30" />
                        </li>
                        <li>
                            <img src="http://placehold.it/30x30" />
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>