JSFiddle

  • Hover Image Changes #388 is the latest revision

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

    <div class="tricky"><img class="tricky_image" src="http://distilleryimage11.instagram.com/65c8f832841711e180d51231380fcd7e_7.jpg"></div>
  • Fix this thing yo

    Addclass fix for embedded tweets in responsive design.

    $('.twt-border').addClass('fix');
    
  • OOCSS Testing #6 is the latest revision

    This is my little test of Object Oriented CSS. Next level dork!

    
    
  • mustaches #3 is the latest revision

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

    big stach
    <h1>{</h1>
    small stach
    <h2>{</h2>
    !
  • Envelope-style box #15 is the latest revision

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

    From: Lea Verou
    <p class="to">To: The community</p>
  • Transform/Responsive

    really simple animation done with webkit-transform and media query. resize the result window to see is animate. Only works in webkit browsers for animation (Chrome, Safari) Inspired by the animating responsive design on CSS tricks.

    <div id="article">
    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget ...</p></div>
  • Article with Date #22 is the latest revision

    An article view with some Google fonts, webkit transform for the date tilt (only works in webkit) and the psuedo first letter drop cap.

    <section>
        <article>
            <div class="date">
                Published September 2011
            </div>
            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat ...</p></article></section>