benoitboucart

:root {
  --ease-in-quad: cubic-bezier(.55, .085, .68, .53);
  --ease-in-cubic: cubic-bezier(.550, .055, .675, .19);
  --ease-in-quart: cubic-bezier(.895, .03, .685, .22);
  --ease-in-quint: cubic-bezier(.755, .05, .855, .06);
  --ease-in-expo: cubic-bezier(.95, .05, .795, .035);
  --ease-in-circ: cubic-bezier(.6, .04, .98, .335);

  --ease-out-quad: cubic-bezier(.25, .46, .45, .94);
  --ease-out-cubic: cubic-bezier(.215, .61, .355, 1);

benoitboucart

/**
 * For more information see this tutorial: http://blog.webbb.be/use-jekyll-with-gulp/
 * 
 * Libs import
 * --> How to install? npm install --save-dev gulp-minify-html
 * @type {[type]}
 */
var gulp = require('gulp'),
    path = require('path'),

benoitboucart

// Going mobile with Angular by Ari
// Limit & batch number of network requests
// Source: https://speakerdeck.com/auser/going-mobile-with-angular?utm_source=ng-newsletter&utm_campaign=b5794c7e19-AngularJS_Newsletter_2_4_142_3_2014&utm_medium=email&utm_term=0_fa61364f13-b5794c7e19-96511737
angular.module('myApp.services')
  .factory('NetworkBatcher', function($http){
    var service = {
      promises: [],
      addCall: function(obj){
        var promise = $http(obj); 
        service.promises.push(promise);

benoitboucart

// Going mobile with Angular by Ari
// Source: https://speakerdeck.com/auser/going-mobile-with-angular?utm_source=ng-newsletter&utm_campaign=b5794c7e19-AngularJS_Newsletter_2_4_142_3_2014&utm_medium=email&utm_term=0_fa61364f13-b5794c7e19-96511737
angular.module('alTouchDevice', [])
  .provider('TouchDevice', function(){
    var deviceType = false;
    this.setToucheDevice = function(t){ 
      deviceType = true;
    };
    this.$get = function() {
      return deviceType

benoitboucart

// Going mobile with Angular by Ari
// Source: https://speakerdeck.com/auser/going-mobile-with-angular?utm_source=ng-newsletter&utm_campaign=b5794c7e19-AngularJS_Newsletter_2_4_142_3_2014&utm_medium=email&utm_term=0_fa61364f13-b5794c7e19-96511737
angular.module('myApp')
  .provider('FBService', function() { 
    function createScript($document, callback, success) {
      var scriptTag = $document.createElement('script'); 
      striptTag.async = true; 
      striptTag.src = '//conect.facebook.net/en_US/all.js'; 
      scriptTag.onreadystatechange = function () {
        if(this.readyState == 'complete') { callback(); }

benoitboucart

/**
 * CSS3 social icon hover effect
 * Read more on my blog: http://webbb.be/blog/
 */

body {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
}

benoitboucart

/**
 * CSS3 balancing hover effect
 * Read the tutorial here: http://webbb.be/blog/little-css3-3d-hover-effects/
 */
body {background: #f06;background: linear-gradient(45deg, #f06, yellow);min-height: 100%;}

.block { 
	width: 150px; color: #fff; margin: 30px auto; text-transform: uppercase; text-align: center; font-family: Helvetica; 
	position: relative; 
	perspective: 350;

benoitboucart

/**
 * CSS3 3D Hover effects [2]
 * See tutorial on: http://webbb.be/blog/little-css3-3d-hover-effects/
 */
body {
  background: #f06;
  background: linear-gradient(45deg, #f06, yellow);
  min-height: 100%; text-align: center; margin-top: 3em;
}

benoitboucart

/**
 * CSS3 3D Hover effects [1]
 * See tutorial on http://webbb.be/blog/little-css3-3d-hover-effects/
 */
 
body {
	background: #f06;
	background: linear-gradient(45deg, #f06, red);
	min-height: 100%;
}