JSFiddle

  • Combo Chart Example

    An example of a Google Combo Chart.

          google.charts.load('current', {'packages':['corechart']});
          google.charts.setOnLoadCallback(drawVisualization);
    
          function drawVisualization() {
            // Some raw data (not necessarily accurate)
            var data ...
  • CSS - Parallax Scrolling with CSS only #1 is the latest revision

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

    <div class="background background1">
        <div>Some content</div>
    </div>
    <div class="background background2">
        <div>A Second Page</div>
    </div>
    <div class="background background3">
        <div>A Third Page</div>
    </div>
  • jQuery Countdown #2 is the latest revision

    based on http://jsfiddle.net/wtkd/CUSnS/

    /**
     * @name        jQuery Countdown Plugin
     * @author        Martin Angelov
     * @version     1.0
     * @url            http://tutorialzine.com/2011/12/countdown-jquery/
     * @license        MIT License ...
  • Playing With jQuery prevUntil()

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

    $( "#term-2" ).prevUntil( "dt" )
      .css( "background-color", "red" );
     
    var term1 = document.getElementById( "term-1" );
    $( "#term-3" ).prevUntil( term1, "dd" )
      .css( "color", "green" );
  • TS // profile.php

    JavaScript and CSS tweaks to profile.php for a WordPress Multisite.

    var j = jQuery.noConflict();
    	j(document).ready(function($) {
    		if ( j( "#first_name" ).length ) {
    			j( "#first_name" ).attr( "disabled", "disabled" );
    			j( "<span class='description'> Please contact ...</span>
  • Circle Border on Images - background-image Method

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

    <div class="circle" style="background-image:url('http://oi65.tinypic.com/14kxmag.jpg');">
    </div>
    <br />
    <div class="smallcircle" style="background-image:url('http://oi65.tinypic.com/14kxmag.jpg');">
    </div>
    <br />
    <div class="circle" style="background-image:url('http://oi63.tinypic.com/2pzy4ad.jpg');">
    </div>
    <br />
    <div class="smallcircle" style="background-image:url('http://oi63.tinypic.com/2pzy4ad.jpg');">
    </div>
  • Circle Border on Images - background-image Method

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

    <div class="circle" style="background-image:url('http://oi65.tinypic.com/14kxmag.jpg');">
    </div>
    <br />
    <div class="smallcircle" style="background-image:url('http://oi65.tinypic.com/14kxmag.jpg');">
    </div>
    <br />
    <div class="circle" style="background-image:url('http://oi63.tinypic.com/2pzy4ad.jpg');">
    </div>
    <br />
    <div class="smallcircle" style="background-image:url('http://oi63.tinypic.com/2pzy4ad.jpg');">
    </div>
  • TS // Old Promo Slider

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

    $(document).ready(function(){
    		$("#featured > ul").tabs({fx:{opacity: "toggle"}})
    			  .tabs("rotate", 5000,true);
    });
  • Playing with Intervals

    jQuery 1.11.0, HTML, CSS, JavaScript

    var b1 = document.getElementById('b1'), b2 = document.getElementById('b2'), b3 = document.getElementById('b3');
    var x = 0;
    function showX() {
        // alert(x ...
  • TS // Image Slider & Non-jQuery Tabs

    jQuery 1.11.0, HTML, CSS, JavaScript

    // jQuery(window).load(function($) {
    jQuery(document).ready(function ($) {
        // Tabs
        jQuery("#tabs a").click(function (event) {
            event.preventDefault();
            if (!jQuery(this ...