JSFiddle

  • Rapeal testing

    Raphael 1.5.2 (min), HTML, CSS, JavaScript

    $(function () {
        
        var paper = new Raphael('rapeal-box', 600, 400, 0, 0);
        var t = paper.path("M200.314,270.711L491.8,270 ...
  • SVG testing #1 is the latest revision

    jQuery 2.1.0, HTML, CSS, JavaScript

    $(function () {
        $('.one').hover(function () {
            $(this).attr('fill', 'blue');
        });
        
        $('.two').hover(function () {
            $(this).attr('fill', 'green');
        });
        
        $('.three').hover(function () {
            $(this).attr ...
  • Raphael Js - triangle test

    Raphael 1.5.2 (min), HTML, CSS, JavaScript

    $(function(){
       
            var paper = new Raphael('rapeal-box', 450, 100,0,0);
            var t = paper.path("M0 0L200 0L100 100L 0");
        t ...
  • Angular/Bootswatchpaper - binding

    Learning Angular via Lynda and http://bootswatch.com/paper/

    //Name spacing
    var myApp = angular.module('myApp', []);
    
    myApp.controller('MyController',
    
    function MyController($scope) {
    
        $scope.artists = [{
            "name": "Barot Bellingham",
                "shortname": "http ...
  • TVT inner #1 is the latest revision

    jQuery 2.1.0, HTML, SCSS, JavaScript, Bootstrap 3.2.0

    <section class="inner-page">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <div id="system-message-container">
                        <div id="system-message"></div>
                    </div>
                    <div class="item-page" itemscope="" itemtype="http://schema.org/Article">
                        <meta itemprop="inLanguage" content="en-GB">
                        <div class="page-header">
                             <h2 itemprop="name">
                                                    Overview                                    </h2>
    
                        </div>
                        <div itemprop="articleBody">
                            <p>ITraditionally, valvular heart disease has been treated with surgical repair or replacement. Over the last several years, however, there ...</p></div></meta></div></div></div></div></section>
  • creating Modular Plugin for thumbnails

    jQuery 1.10.1, HTML, SCSS, JavaScript

      var SETUP = (function (self) {
    
          function __init(o) {
              // console.log(o);
              //run self init stuff here
              __setup(o);
    
          }
          var _globals = {
              name ...
  • Raphael Js - triangle image filler #10 is the latest revision

    Raphael 2.1.0, HTML, CSS, JavaScript

    // Creates canvas 320 × 200 at 10, 50
    var paper = Raphael(10, 50, 320, 200);
    //draw triangle
    var t = paper.path ...
  • Greensock - animating TweenMax.min.js #116 is the latest revision

    jQuery 2.1.0, HTML, CSS, JavaScript

    $('#btn').on('click', function () {
        //alert('clicked');
        var logo = document.getElementById("logo");
        TweenLite.to(logo, 2, {left:"242px", backgroundColor:"blue", borderBottomColor ...
  • Greensock - tween delay

    jQuery 2.1.0, HTML, CSS, JavaScript

    $('#btn').on('click', function () {
        //alert('clicked');
        var logo = document.getElementById("logo"),
            bar = document.getElementById("bar");
        
      //(element, duration, {move x px ...
  • Greensock - tween basic #25 is the latest revision

    jQuery 2.1.0, HTML, CSS, JavaScript

    $('#btn').on('click', function () {
        //alert('clicked');
        var logo = document.getElementById("logo");
        
        // TweenLite.to(logo, 1, {left: "632px"});
    
        //(element, duration, {move ...