| angular.module("modelOptions", []).directive("ngModelOptions", function () { | |
| return { | |
| priority: 1, | |
| restrict: "A", | |
| //require: "ngModel", | |
| require: ['ngModel'/*, '^?select'*/], | |
| link: function (scope, elm, attr, ctrls) { | |
| function apply() { |
Simple example of the latest update of Greensock's Draggable tool.
See how it works in transformed objects. In this case only the parent is transformed but it can work with the child element being transformed too.
A Pen by Rodrigo Hernando on CodePen.
Forked from Jamie Jefferson's Pen Sortable list with GSAP Draggable.
A Pen by Captain Anonymous on CodePen.
| app.directive('infiniteScroll', [ | |
| '$rootScope', '$window', '$timeout', function($rootScope, $window, $timeout) { | |
| return { | |
| link: function(scope, elem, attrs) { | |
| var checkWhenEnabled, handler, scrollDistance, scrollEnabled; | |
| $window = angular.element($window); | |
| elem.css('overflow-y', 'scroll'); | |
| elem.css('overflow-x', 'hidden'); | |
| elem.css('height', 'inherit'); | |
| scrollDistance = 0; |
| /*http://i-skool.co.uk/mobile-development/web-design-for-mobiles-and-tablets-viewport-sizes/*/ | |
| /*At least requires the meta viewport tag with content 'width=device-width'*/ | |
| @media only screen and (max-width: 1080px) and (orientation : portrait) { | |
| /* PORTRAIT: | |
| Windows Surface Pro*/ | |
| } | |
| @media only screen and (max-width: 800px) and (orientation : portrait) { | |
| /* PORTRAIT: | |
| Acer Iconia Tab A100 |
A contacts list based on a video from Google's Material Design spec.
Forked from Kyle Edwards's Pen Meaningful Transitions.
An brief example of an approach to modular typography in CSS.
Content from: http://thesassway.com/articles/how-sass-can-shape-the-future-of-css
A Pen by John W. Long on CodePen.
Responsive Interaction. Recreating - http://www.google.com/design/spec/animation/responsive-interaction.html
Forked from Emmanuel Pilande's Pen Material Response.
Forked from Jean-Paul Bonnetouche's Pen Google’s Material Design Shadows in SCSS.
| // Use Gists to store code you would like to remember later on | |
| console.log(window); // log the "window" object to the console |