Skip to content

Instantly share code, notes, and snippets.

View matthieu-D's full-sized avatar

Matthieu Drula matthieu-D

14 followers · 1 following
View GitHub Profile
@matthieu-D
matthieu-D / Timeout
Created May 15, 2016 01:36
.controller('ChatsCtrl', function( $timeout, ionicMaterialMotion) {
$timeout(function () {
ionicMaterialMotion.fadeSlideInRight();
ionicMaterialMotion.fadeSlideIn();
ionicMaterialMotion.ripple();
ionicMaterialMotion.blinds();
}, 500);
})
@matthieu-D
matthieu-D / Ionic material
Created May 15, 2016 01:38
<h2 class='calm'>Welcome to Ionic Material</h2>
@matthieu-D
matthieu-D / Materialisation
Created May 15, 2016 01:41
$ionicLoading.show({
    template:"<div class='loader'><svg class='circular'><circle class='path' cx='50' cy='50' r='20' fill='none' stroke-width='2' stroke-miterlimit='10'/></svg></div>"
            })
@matthieu-D
matthieu-D / Simple ink
Created May 15, 2016 02:01
<h2 class='calm ink'>Welcome to Ionic</h2
@matthieu-D
matthieu-D / Dark ink on button
Created May 15, 2016 02:01
<button class='button button-fab balanced ink-dark'>Dark</button>
@matthieu-D
matthieu-D / Motion element view
Last active May 16, 2016 01:12
<button class="button" id='drop-it' ng-click="toggleDrop();">Drop</button>
@matthieu-D
matthieu-D / Motion element controller
Last active May 16, 2016 01:46
ionicMaterialInk.displayEffect();
function cancelDrop(){
document.getElementById('drop-it').classList.remove('drop')
}
$scope.toggleDrop = function (){
document.getElementById('drop-it').classList.add('drop');
$timeout(cancelDrop, 2000)
}
@matthieu-D
matthieu-D / Motion Lists Controller
Created May 15, 2016 02:06
$timeout(function () {
ionicMaterialMotion.fadeSlideInRight();
ionicMaterialMotion.fadeSlideIn();
ionicMaterialMotion.ripple();
ionicMaterialMotion.blinds();
}, 500);
@matthieu-D
matthieu-D / Motion Lists View
Created May 15, 2016 02:07
<ion-view view-title="Chats">
<ion-content>
<ion-list class="animate-fade-slide-in">
<ion-item ng-repeat="chat in chats">fade slide in </ion-item>
</ion-list>
<ion-list class="animate-fade-slide-in-right">
<ion-item ng-repeat="chat in chats"> fade slide in right </ion-item>
</ion-list>
<ion-list class="animate-ripple">
<ion-item ng-repeat="chat in chats"> ripple </ion-item>
@matthieu-D
matthieu-D / install aws
Created May 23, 2016 01:07
npm install aws-sdk