Skip to content

Instantly share code, notes, and snippets.

View francoiscoron's full-sized avatar
🍌

Francois Coron francoiscoron

🍌
2 followers · 7 following
View GitHub Profile
@francoiscoron
francoiscoron / 0_reuse_code.js
Created October 7, 2015 08:51
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@francoiscoron
francoiscoron / gulpfile.js
Last active October 7, 2015 09:04
Starter gulp
'use strict';
/**
* Dependencies
* $ npm i -D gulp gulp-load-plugins gulp-sass gulp-sourcemaps browser-sync gulp-autoprefixer gulp-concat gulp-uglify gulp-rename
*/
var gulp = require('gulp');
var $ = require('gulp-load-plugins')();
var browserSync = require('browser-sync').create();
@francoiscoron
francoiscoron / desc.md
Created January 25, 2015 18:26
Retina rules
@francoiscoron
francoiscoron / flexbox.html
Created January 14, 2015 10:14
Flexbox
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Flexbox</title>
<link rel="stylesheet" href="styles/css/app.css">
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<div class="bar">
@francoiscoron
francoiscoron / vertical-align.scss
Created December 22, 2014 13:37
Hack vertical center css
.container {
height: 600px;
line-height: 600px;
width: 100%;
text-align: center;
.wrapper {
line-height: normal;
vertical-align:middle;
display:inline-block;
@francoiscoron
francoiscoron / clearfix.scss
Created December 22, 2014 11:07
Hack Clearfix Sass
@mixin clearfix {
&:after {
content: "";
display: table;
clear: both;
}
}
@francoiscoron
francoiscoron / grid.scss
Created December 18, 2014 10:58
Minimal Grid Scss
// Grid variables
$site-width: 1180px;
$grid-columns: 12;
$grid-max-width: 65em;
// Breakpoints
$breakpoint: "only screen and (min-width: 45em)";
.container {
max-width: $site-width;
@francoiscoron
francoiscoron / gulpfile.js
Created December 18, 2014 09:22
Gulp Sass
var gulp = require('gulp'),
sass = require('gulp-ruby-sass'),
connect = require('gulp-connect'),
plumber = require('gulp-plumber');
gulp.task('sass', function() {
return gulp.src('sass/app.scss')
.pipe(plumber())
.pipe(sass())
.pipe(gulp.dest('css/'))
@francoiscoron
francoiscoron / raccourci.md
Created December 12, 2014 09:07
Raccourci Sublime Text

1. Historique du clipboard (copier)

cmd + alt + v

2. Transposer des éléments

Séléctionner les deux propriétés à modifier (val 1, val 2) en maintenant appuyer cmd.

.element {
  padding: val1 val2;
}
@francoiscoron
francoiscoron / cmd.md
Last active August 29, 2015 14:10
Liste des comandes UNIX

cd : Se déplacer de dossier en dossier (change directory)

mkdir: Créer un nouveau dossier (make directory)

ls : Liste le contenu d'un dossier.

ls -a : Liste le contenu d'un dossier même ses éléments cachés.

mv: Déplacer un dossier ou un fichier