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});
  }
);