HETIC - Année 2015
- Avant qu'on parle de responsive web design : A Dao of Web Design de John Allsopp
- L'article fondateur de Ethan Marcotte : Responsive Web Design
| :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); |
| <script> | |
| window.Promise || document.write('<script src="https://unpkg.com/[email protected]/dist/es6-promise.min.js"><\/script>'); | |
| window.fetch || document.write('<script src="https://unpkg.com/[email protected]/fetch.js"><\/script>'); | |
| </script> |
| import gulp, { src, dest, parallel, series } from 'gulp'; | |
| import del from 'del'; | |
| import sourcemaps from 'gulp-sourcemaps'; | |
| import postcss from 'gulp-postcss'; | |
| import cssnext from 'cssnext'; | |
| import atImport from 'postcss-import'; | |
| import precss from 'precss'; | |
| import watchify from 'watchify'; | |
| import browserify from 'browserify'; | |
| import source from 'vinyl-source-stream'; |
| [alias] | |
| st = status | |
| s = status -sb | |
| f = fetch | |
| c = commit | |
| b = branch | |
| aa = add -a | |
| cp = cherry-pick | |
| bd = !sh -c 'git branch -D $1 && git push origin --delete $1' - | |
| cm = commit -m |
| // Gulp module imports | |
| import {src, dest, watch, parallel, series} from 'gulp'; | |
| import del from 'del'; | |
| import livereload from 'gulp-livereload'; | |
| import sass from 'gulp-sass'; | |
| import minifycss from 'gulp-minify-css'; | |
| import jade from 'gulp-jade'; | |
| import gulpif from 'gulp-if'; | |
| import babel from 'gulp-babel'; | |
| import yargs from 'yargs'; |
| /* global ReactRedux, Redux, ReactDOM */ | |
| // "Getting Started with Redux" (by Dan Abramov) | |
| // https://egghead.io/series/getting-started-with-redux | |
| // This file on JSBin (by Jesse Buchanan): | |
| // http://jsbin.com/wuwezo/74/edit?js,console,output | |
| //////////////////////////////////////////////// | |
| // |
| /* jshint esnext:true */ | |
| 'use strict'; | |
| import React from 'react'; | |
| import Header from './header'; | |
| import Workspace from './workspace'; | |
| import Footer from './footer'; | |
| // Manually call upgradeElement / MaterialLayout on the main layout div *AFTER* its been rendered in the DOM. | |
| export default React.createClass({ |
| /* bling.js */ | |
| window.$ = document.querySelector.bind(document); | |
| window.$$ = document.querySelectorAll.bind(document); | |
| Node.prototype.on = window.on = function(name, fn) { this.addEventListener(name, fn); }; | |
| NodeList.prototype.__proto__ = Array.prototype; | |
| NodeList.prototype.on = function(name, fn) { this.forEach((elem) => elem.on(name, fn)); }; |
HETIC - Année 2015
| var gulp = require('gulp'); | |
| var sourcemaps = require('gulp-sourcemaps'); | |
| var source = require('vinyl-source-stream'); | |
| var buffer = require('vinyl-buffer'); | |
| var browserify = require('browserify'); | |
| var watchify = require('watchify'); | |
| var babel = require('babelify'); | |
| function compile(watch) { | |
| var bundler = watchify(browserify('./src/index.js', { debug: true }).transform(babel)); |