JSFiddle

  • AngularJS - window resize

    jQuery 1.9.1, HTML, CSS, JavaScript

    var app = angular.module('miniapp', []);
    
    function AppController($scope) {
        /* Logic goes here */
    }
    
    app.directive('resize', function ($window) {
        return function (scope, element ...
  • AngularJS: Simple Custom Filter

    AngularJS 1.1.1, HTML, CSS, JavaScript

    'use strict';
    var App = angular.module('clientApp', ['ngResource', 'App.filters']);
    App.controller('ClientCtrl', ['$scope', function ($scope) {
        $scope.selectedCompany = [];
        $scope.companyList ...
  • Tweenmax #25 is the latest revision

    Basic Tweenmax animations

    var logo = $('.logo');
    
    TweenMax.to(logo, 1, {
      left: "300px",
      repeat: 5,
      yoyo: true
    });
    
  • AngularJS: Simple Custom Filter

    AngularJS 1.1.1, HTML, CSS, JavaScript

    'use strict';
    var App = angular.module('clientApp', ['ngResource', 'App.filters']);
    App.controller('ClientCtrl', ['$scope', function ($scope) {
        $scope.selectedCompany = [];
        $scope.companyList ...
  • AngularJS 1.2.7 ngTouch bug #3 is the latest revision

    Specifically, the ng-click-active class is added twice: once on tap

    angular.module('myApp', ['ngTouch'])
        .controller('myController', ['$scope', function ($scope) {
           $scope.message = "Mouse click and hold!";
            $scope.click = function() {
            }; 
    }]);
  • AngularJS 1.2.7 ngTouch bug #6 is the latest revision

    Specifically, the ng-click-active class is added twice: once on tap

    angular.module('myApp', ['ngTouch'])
        .controller('myController', ['$scope', function ($scope) {
           $scope.message = "Mouse click and hold!";
            $scope.click = function() {
            }; 
    }]);
  • ngTouch #10 is the latest revision

    Test ngTouch

    angular.module('myApp', ['ngTouch'])
        .controller('myController', ['$scope', function ($scope) {
           $scope.message = "Mouse click and hold!";
            $scope.click = function() {
            }; 
    }]);
  • 3D Box Split Flip Button #165 is the latest revision

    Full responsive button build around an image (any). With GSAP, FittextJS, jQuery 1.9.1, HTML5 and SCSS.

    $('.responsive-text').fitText();
    $('.responsive-text-70').fitText(1.3);
    
    $('.split-container').hover(
        function() {
            var topBarHeight = $(this).children('.split-topbar').height();
            TweenMax.to($(this).children('.split-topbar ...
  • Box 3D Split Rotation

    With GSAP, jQuery 1.9.1, HTML5, and scss

    $('.container').hover(
        function() {
            TweenMax.to($(this).children('.topbar'), .2, {y:-150, z:-50, rotationX:90, transformOrigin:"left bottom 50%"});
            TweenMax ...
  • 3D Box Rotation

    With GSAP, jQuery 1.9.1, HTML5, and CSS3

    $('.container').hover(
      function() {
        TweenMax.to($(this).children(), .3, {rotationX:90});
      }, function() {
        TweenMax.to($(this).children(), .3, {rotationX:0});
      }
    );