Just migrated it from Codepen.io to markdown. Credit goes to David Conner.
| Working with DOM | Working with JS | Working With Functions |
|---|---|---|
| Accessing Dom Elements | Add/Remove Array Item | Add Default Arguments to Function |
| Grab Children/Parent Node(s) | Add/Remove Object Properties | Throttle/Debounce Functions |
| Create DOM Elements | Conditionals |
| describe('controllerCtrl', function () { | |
| var $controller, | |
| $rootScope, | |
| $scope; | |
| beforeEach(module('controller')); | |
| beforeEach(inject(function ($injector) { | |
| $controller = $injector.get('$controller'); | |
| $rootScope = $injector.get('$rootScope'); |
| 'use strict'; | |
| angular.module('myApp').directive('perspectiveBack', function($window) { | |
| return { | |
| link: function(scope, element, attrs) { | |
| var distance = attrs.distance || 2; | |
| element.css({ | |
| 'background-image': 'url(' + attrs.foreground +'), url(' + attrs.background + ')', |
| function vhost { | |
| sudo ~/.dotfiles/osx/mamp_vh.sh $1 | |
| } |
| // Maintain ratio mixin. Great for responsive grids, or videos. | |
| // https://gist.github.com/brianmcallister/2932463 | |
| // | |
| // $ratio - Ratio the element needs to maintain. | |
| // | |
| // Examples | |
| // | |
| // // A 16:9 ratio would look like this: | |
| // .element { | |
| // @include maintain-ratio(16 9); |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Box Shadow</title> | |
| <style> | |
| .box { | |
| height: 150px; | |
| width: 300px; | |
| margin: 20px; |
