JSFiddle

  • New Site With Top Nav Bar #5 is the latest revision

    Beginning

    /* Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon */
    function myFunction() {
        var ...
  • CSS | Flexbox Layout #13 is the latest revision

    The flexible boxes, or flexbox, is a new layout mode in CSS3.

    <div class="container">
    
      <div class="triad first">
        <div>
            <img class="IdiotfaceTitle" src="http://dl.dropboxusercontent.com/s/rmvjhw0wm5mfgje/IdiotfaceName.png?dl=0">
        </div>
        <div>
          Iner 2
        </div>
        <div>
          Iner 3
        </div>
      </div>
    
      <div class="triad second">MONKEY FACE</div>
    
      <div class="triad third">RECENT VIDEOS</div>
    </div>
    
  • CSS | Flexbox Layout

    The flexible boxes, or flexbox, is a new layout mode in CSS3.

    <div class="container">
    
      <div class="triad first">
        <div>
            <img class="IdiotfaceTitle" src="http://dl.dropboxusercontent.com/s/rmvjhw0wm5mfgje/IdiotfaceName.png?dl=0">
        </div>
        <div>
          Iner 2
        </div>
        <div>
          Iner 3
        </div>
      </div>
    
      <div class="triad second">MONKEY FACE</div>
    
      <div class="triad third">RECENT VIDEOS</div>
    </div>
    
  • CSS | Flexbox Layout #9 is the latest revision

    The flexible boxes, or flexbox, is a new layout mode in CSS3.

    <div class="container">
        
        <div class="triad">
          <div>
            Iner 1
          </div>
          <div>
            Iner 2
          </div>
          <div>
            Iner 3
          </div>
        </div>
        
        <div class="triad">2</div>
        
        <div class="triad">3</div>
      </div>
  • CSS | Flexbox Layout #3 is the latest revision

    The flexible boxes, or flexbox, is a new layout mode in CSS3.

    <div class="container">
        <div>1</div>
        <div>2</div>
        <div>3</div>
      </div>
  • IDIOTFACE FURTHEST #3 is the latest revision

    WEBSITE

    $(document).ready(function() {
      $('.test').draggable();
      $('.weapon').draggable();
    
      $(".monkey").droppable({
        over: function(event, ui) {
    
          <!-- WHEN HOVERED OVER DROP MONKEY -->
          $(document).ready(function() {
    
            $(".meter").css("width", "-=10 ...</!-->
  • IDIOTFACE FURTHEST #5 is the latest revision

    WEBSITE

    $(document).ready(function() {
      $('.test').draggable();
      $('.weapon').draggable();
    
      $(".monkey").droppable({
        over: function(event, ui) {
    
          <!-- WHEN HOVERED OVER DROP MONKEY -->
          $(document).ready(function() {
    
            $(".meter").css("width", "-=10 ...</!-->
  • IDIOTFACE #2 is the latest revision

    WEBSITE

    $(document).ready(function() {
      $('.test').draggable();
      $('.weapon').draggable();
    
      $(".monkey").droppable({
        over: function(event, ui) {
    
            <!-- WHEN HOVERED OVER DROP MONKEY -->
          $(document).ready(function() {
            
            $(".meter").css("width", "-=10 ...</!-->
  • IDIOTFACE #9 is the latest revision

    WEBSITE

    $(document).ready(function() {
      $('.test').draggable();
      $('.weapon').draggable();
    
      $(".monkey").droppable({
        over: function(event, ui) {
          jQuery.fn.shake = function() {
              this.each(function ...
  • IDIOTFACE #6 is the latest revision

    WEBSITE

    <!-- GLOVE MOUSE MOVE -->
    $(document).mousemove(function(e){
        $("#image").css({left:e.pageX + 10, top:e.pageY + 10});
    });
    <!-- END GLOVE MOUSE MOVE -->
    
    
    
    <!-- MONKEY SHAKE -->
    
    $('.monkey').bind('mouseenter', function (ev) {
    
    
     
     jQuery ...</!--></!--></!-->