JSFiddle

  • Animation Under iframe bug in Chrome #74 is the latest revision

    jQuery 1.8.3, HTML, CSS, JavaScript

    var inner = $('.inner');
    $('.button').on('click', function(e){
      e.preventDefault();
      if(parseInt(inner.css('left'), 10) > -900){
        inner.stop(false ...
  • Canvas Hit Test #27 is the latest revision

    jQuery 1.7.2, HTML, CSS, JavaScript

    // Set Initival Variables
    var canvas = document.getElementById('canvas'),
        context = canvas.getContext('2d'),
        shapes = [],
        shapeCount = 20,
        normalColor = '#666',
        hoverColor = '#3f3',
        strokeColor ...
  • Playing around making a jQuery ticker

    jQuery 1.7.1, HTML, CSS, JavaScript

    var ticker = $('div.ticker'),
        tickerInner = ticker.find('.ticker-inner'),
        tickerHeight = ticker.height(),
        tickerDelay = 3000,
        tickerSpeed = 1500,
        tickerInterval,
        tickerAnimate;
    
    tickerAnimate = function(){
        tickerInner ...
  • Playing around making a jQuery ticker #144 is the latest revision

    jQuery 1.7.1, HTML, CSS, JavaScript

    var ticker = $('div.ticker'),
        tickerInner = ticker.find('.ticker-inner'),
        tickerHeight = ticker.height(),
        tickerDelay = 3000,
        tickerSpeed = 1500,
        tickerInterval;
    
    tickerInterval = setInterval(function(){     
        tickerInner ...
  • CSS Dropdowns #606 is the latest revision

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

    <div id="container">
        <div id="header">
            <h1><strong>CSS</strong>Dropdown</h1>
            <h2>By <a href="http://jackrugile.com">Jack Rugile</a> for Joshua Hibbert's <a href="http://forrst.com/posts/Competition_Create_a_Pure_CSS_Drop_Down_Menu-PcD">CSS Drop-Down Menu Competition</a></h2>
        </div>
        <div id="nav">
            <ul>
                <li><a href="#"><span>Dashboard</span></a></li>
                <li><a href="#"><span>Posts</span></a></li>
                <li class="dropdown"><a href="#"><span>Users</span></a>
                    <ul>
                        <li><a href="#"><span>Joshua Hibbert</span></a></li>
                        <li><a href="#"><span>Kyle Bragger ...</span></a></li></ul></li></ul></div></div>