JSFiddle

  • JQuery Draggable with Gird Lines #1 is the latest revision

    jQuery 1.7.2, HTML, CSS, JavaScript, jQuery UI 1.8.18

    $(function() {
        $("#box").draggable({
            containment: "#canvas",
            drag: function() {
                $(this).find($('.topline')).css('display', 'block');
                $(this).find($('.rightline')).css('display', 'block');
                $(this ...
  • Twitter Bootstrap Dropdown on Hover

    Simple, small jQuery plug-in to open drop down menus automatically on hover (mouse over).

    (function ($, window, delay) {
      var theTimer = 0;
      var theElement = null;
        var theLastPosition = {x:0,y:0};
      $('[data-toggle]')
        .closest('li')
        .on('mouseenter ...
  • jCSS

    An example of JSON formatted CSS. Complete with a parser implemented in native Javascript. Requires: * querySelectorAll * JSON.parse * addEventListener

    (function() {
    
        'use strict';
    
        function jCSS() {
    
            this.init = function() {
                var jcss_tags = document.querySelectorAll('style[type="application/json"][rel="stylesheet"]');
                for (var ...
  • History.js

    Simplified complete History.js HTML5 History API example. See more at https://github.com/balupton/history.js

    var History = window.History;
    if (History.enabled) {
        State = History.getState();
        // set initial state to first page that was loaded
        // use ...
  • jCSS

    An example of JSON formatted CSS. Complete with a parser implemented in native Javascript. Requires: * querySelectorAll * JSON.parse * addEventListener

    (function() {
    
        'use strict';
    
        function jCSS() {
    
            this.init = function() {
                var jcss_tags = document.querySelectorAll('style[type="application/json"][rel="stylesheet"]');
                for (var ...
  • jCSS

    An example of JSON formatted CSS. Complete with a parser implemented in native Javascript. Requires: * querySelectorAll * JSON.parse * addEventListener

    (function() {
    
        'use strict';
    
        function jCSS() {
    
            this.init = function() {
                var jcss_tags = document.querySelectorAll('style[type="application/json"][rel="stylesheet"]');
                for (var ...
  • SO fiddle

    Test Fiddle mainly for SO Questions

    function addSections() {
        var numParts = 10;
        var addItems = numParts;
        var addMoreItems = numParts*10;
        while (addItems >= 0) {
            $('div#create-sections').append('<div class="onepx"></div>');
            addItems--;
        }
        while ...
  • Exercise 1 #3 is the latest revision

    In this exercise we will built a Apple clone website for educational purposes only.

    <html>
        <head>
            <title>Apple</title>  
        </head>
        <body>
            
        </body>
    </html>