JSFiddle

  • curriculum vitae #10 is the latest revision

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

    var data = {
        name : 'Richard Hunter',
        github : 'https://github.com/Richardinho',
        twitter : 'https://twitter.com/Richardinho_H',
        website : 'richardhunter.co.uk',
        email ...
  • transition link experiment #3 is the latest revision

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

    <div class="container"> <span class="alpha">alpha </span>
     <span class="beta"><i class="fa fa-arrow-right"></i></span>
    
    </div>
  • css layout 2

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

    <div class="menu">
        <div class="home-link">home</div>
        <ul>
            <li>
                <span class="text">
                alpha jkjlj
                    <span>
            
            </li>
            <li>betajlj</li>
            <li>kfjdkj</li>
        </ul>
    </div>
    
    <i class="fa fa-camera-retro"></i>
    <i class="fa fa-arrow-right"></i>
    <i class="fa fa-arrow-left"></i>
  • css layout

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

    <div class="viewport">
        <header>
            <div class="header-container">
                 <h1>My Website</h1>
    
            </div>
        </header>
        <div class="container">
            <article>
                 <h2>inner heading</h2>
    
                <p>this is my container this is my containerthis is my containerthis is my containerthis is my ...</p></article></div></div>
  • angular animation api experiment

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

    angular.module('myapp', ['ngAnimate'])
    
    angular.module('myapp').directive('foo', ['$animate', function ($animate) {
        return {
            link : function(scope, element) {
                scope.handle = function ...
  • angular ng-if

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

    angular.module('myapp', ['ngAnimate'])
    .controller('MainCtrl', ['$scope', function($scope) {
    
        $scope.toggle = false
        
        $scope.toggleSwitch = function() {
        
            $scope.toggle = $scope.toggle ? false ...
  • angular ng-if

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

    angular.module('myapp', ['ngAnimate'])
    .controller('MainCtrl', ['$scope', function($scope) {
    
        $scope.toggle = false
        
        $scope.toggleSwitch = function() {
        
            $scope.toggle = $scope.toggle ? false ...
  • angular animations #1 is the latest revision

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

    No code. How about adding some?
  • angular flickr image loading example #9 is the latest revision

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

    var elem = document.querySelector('.grid');
    var place = 'gourock';
    
    angular.module('app', [])
    .controller('MainCtrl', ['$scope', function ($scope) {
        
        window.getPhotos = function (data ...
  • d3 graph example #5 is the latest revision

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

    var canvasWidth = 500,
        canvasHeight = 400;
    
    //  create canvas
    var canvas = d3.select('#canvas');
    canvas.attr('width', canvasWidth);
    canvas.attr('height', canvasHeight ...