JSFiddle

  • 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 ...
  • d3 seed #6 is the latest revision

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

    var canvas = d3.select('#canvas');
    canvas.attr('width', 700);
    canvas.attr('height', 300);
    
    
    var data = [{
        x: 100,
        y: 100,
        radius ...
  • d3 seed

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

    <h1>D3 seed</h1>
  • spread sheet styling #1 is the latest revision

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

    <div class="container">
        <div class="sheet">
            <table>
                <tr>
                    <td>select all</td>
                    <td><span class="handler"></span></td>
                    <td><span class="handler"></span></td>
                </tr>
                <tr>
                    <td><span class="row-handler">change row height</td>
                    <td><input type="text"/></td>
                    <td><input type="text"/></td>
                </tr>  
                <tr>
                    <td><span class="row-handler"></span></td>
                    <td><input type="text"/></td>
                    <td><input type="text"/></td>
                </tr>  
            </table>
        </div>
    </div>
  • angular spreadsheet #7 is the latest revision

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

    angular.module('spreadsheet', [])
        .directive('rowHandler', ['$document', function ($document) {
    
        return {
            link: function (scope, el, attributes) {
    
                var startY, y, initialHeight;
    
                el.on ...
  • angular directive scope

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

    angular.module('myapp', [])
    
    .controller('MainCtrl', function($scope) {
        $scope.blah = "blahblah";
        
    })
    
    .directive('foo', function () {
        return {
            templateUrl : 'foo.html',
            controllerAs : 'fractal',
            bindToController ...
  • angular directive experiment

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

    angular.module('myapp', [])
    
    .controller('MainCtrl', function($scope) {
        $scope.name = 'Richard';
        $scope.colors = ['red', 'green', 'yellow', 'pink'];
    })
    
    .directive('childDirective', function () {
        return ...