JSFiddle

  • a better mailto: link #11 is the latest revision

    Mootools 1.4.5, HTML, CSS, JavaScript

    <h1>a better mailto: link</h1>
    
    <ul>
    <li><a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=&su=About%20Bank%20of%20America%20%7C%20Heritage%2C%20Commitment%20%26%20Philanthropy&body=http://about.bankofamerica.com/en-us/our-story.html" target="_blank">Gmail</a></li>
    <li><a href="http://compose.mail.yahoo.com/?to=&subject=About%20Bank%20of%20America%20%7C%20Heritage%2C%20Commitment%20%26%20Philanthropy&body=http://about.bankofamerica.com/en-us/our-story.html" target="_blank">Yahoo Mail</a></li>
    <li><a href="https://mail.live.com/mail/InboxLight.aspx?rru=compose&n=&to=&subject=About%20Bank%20of%20America%20%7C%20Heritage%2C%20Commitment%20%26%20Philanthropy&body=http://about.bankofamerica.com/en-us/our-story.html" target="_blank">Outlook.com (Windows Live, Hotmail)</a></li>
    <li><a href="http://webmail.aol.com/Mail/ComposeMessage.aspx?to=&subject=About%20Bank%20of%20America%20%7C%20Heritage%2C%20Commitment%20%26%20Philanthropy&body=http://about.bankofamerica.com/en-us/our-story.html" target="_blank">AOL Mail</a></li>
    <li><a href="mailto:?subject=About%20Bank%20of%20America%20%7C%20Heritage,%20Commitment%20%26%20Philanthropy&amp;body=http://about.bankofamerica.com/en-us/our-story.html" target="_blank">Native</a></li>
    </ul>
  • Checkbox Driven HTML Code Generator #4 is the latest revision

    pick and choose elements of a basic HTML page using checkboxes with live preview and code output

    $(function(){
        // init checkboxes
        $('#preview .section').each(function(){
            $('#'+$(this).attr('id').replace('contents','snippet')).attr('checked',$(this).is(':visible'));
        });
        
        $('input').change ...
  • -webkit CSS3 Cube Demo #54 is the latest revision

    Interactive Cube using CSS3's 3d Transforms

    var mouseDown = false;
    var mousePosition = {x: 0, y: 0};
    var gimbleRotation = {x: 0, y: 0};
    
    $(document).ready(function(){
        $('.block').mouseenter ...
  • CSS3 Translate3d -Z Value Bug Fix #57 is the latest revision

    jQuery 1.7.1, HTML, CSS, JavaScript

    $(document).ready(function(){
           
        $('.block').mouseenter(function(){
            $('#debug').text('hovering over: #' + $(this).attr('id') + '.block');   
        });
        $('.block').mouseleave(function(){
            $('#debug').text('');       
        });
           
    
        $('#gimble ...