JSFiddle

  • Gantt Chart Example

    An example of a Google Gantt Chart.

    google.charts.load('current', {
      'packages': ['gantt']
    });
    google.charts.setOnLoadCallback(drawChart);
    
    function toMilliseconds(minutes) {
      return minutes * 60 * 1000;
    }
    
    function drawChart() {
    
      var ...
  • Geo Chart Example #1 is the latest revision

    An example of a Google Geo Chart.

    google.charts.load('current', {
      'packages':['geochart'],
      // Note: you will need to get a mapsApiKey for your project.
      // See: https://developers ...
  • 3D Text

    Mootools 1.4.5, HTML, CSS, JavaScript

    <div class="container">
      <h1>Whatever<br>it<br>Takes</h1>
    </div>
    
    <!-- Source: http://markdotto.com/playground/3d-text/ -->
  • Dynamic Menu Items #5 is the latest revision

    Show/Hide Menu items based on available space

    $(document).ready(function() {
        var resizeMenu = function() {
            var windowWidth = $(this).width();
            
            // The width of stuff that needs to be always visible ...
  • Angular Breadcrumbs

    jQuery 2.1.0, HTML, CSS, JavaScript

    $('a').click(function() {
        $(this).toggleClass('complete');
    });
  • Blend two colors

    jQuery 2.1.0, HTML, CSS, JavaScript

    var firstColor = tinycolor("#E72D59");
    var secondColor = tinycolor("#FFCC66");
    var shades = 10;
    
    $(document).ready(function() {
       var getRange = function(startColor, targetColor, opts ...
  • Hype Text Effects

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

    <div class="container">
        <h1>HYPE</h1>
    </div>
  • Title Shadow Effects

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

    <h1>Vidur Murali</h1>
  • Button shadow that moves on hover

    jQuery 2.1.0, HTML, CSS, JavaScript

    $('div.button').mousemove(function(e) {
        var mousePosition = {
            x: e.offsetX,
            y: e.offsetY
        };
        var elWidth = $(this).width();
        var elHeight = $(this ...
  • Button shadow that moves on hover

    jQuery 2.1.0, HTML, CSS, JavaScript

    $('div.button').mousemove(function(e) {
        var mousePosition = {
            x: e.offsetX,
            y: e.offsetY
        };
        var elWidth = $(this).width();
        var elHeight = $(this ...