Skip to content

Instantly share code, notes, and snippets.

View magsout's full-sized avatar
🦊
Coding and hacking around the world

Guillaume Démésy magsout

🦊
Coding and hacking around the world
114 followers · 153 following
View GitHub Profile
@magsout
magsout / _config.scss
Last active April 5, 2019 07:40
Responsive Design Configuration Sass
/* Config */
$arraySmartphone : '{"device": "phone", "googleMaps": false, "slider": false, "menu" : true}' !default;
$arraytablette : '{"device": "tablet", "googleMaps": true, "slider": false, "menu" : true}' !default;
$arrayDesktop : '{"device": "desktop", "googleMaps": true, "slider": true, "menu" : false}' !default;
/* List */
$deviceList : ("phone" "tablet" "desktop" ) !default; // list of devices
$minWidthList : ("" "768px" "1025px" ) !default; // List min-width (empty if unspecified)
$maxWidthList : ("767px" "1024px" "" ) !default;// List max-width (empty if unspecified)
@magsout
magsout / head.html
Last active June 19, 2018 13:07
Minimum Web App <head> configuration
<!DOCTYPE html>
<html lang="fr" manifest="/manifeste.appcache">
<head>
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
<meta charset="UTF-8">
<!-- Meta SEO -->
<title>Web App</title>
<meta name="author" content="author">
<meta name="description" content="Description">
<!-- RWD -->
@magsout
magsout / install_sourcemaps
Last active December 29, 2015 13:09 — forked from Sebastian-Fitzner/compass.js
grunt-contrib-compass + sourcemaps
sudo gem install compass-sourcemaps --pre
@magsout
magsout / app.scss
Created May 12, 2014 08:54
mixin @import
/*------------------------------------*\
App
\*------------------------------------*/
.mixin
{
@include colorTest();
}
@magsout
magsout / _app.scss
Last active August 29, 2015 14:01
/*------------------------------------*\
App
\*------------------------------------*/
.color
{
color: $mainColor;
}
@magsout
magsout / gulp.js
Last active August 29, 2015 14:01
var gulp = require('gulp');
// takes in a callback so the engine knows when it'll be done
gulp.task('one', function(cb) {
// do stuff -- async or otherwise
cb(err); // if err is not null and not undefined, the orchestration will stop, and 'two' will not run
});
// identifies a dependent task must be complete before this one begins
gulp.task('two', ['one'], function() {
@magsout
magsout / screenshots.js
Created August 14, 2014 07:37 — forked from nhoizey/screenshots.js
/*
* Takes provided URL passed as argument and make screenshots of this page with several viewport sizes.
* These viewport sizes are arbitrary, taken from iPhone & iPad specs, modify the array as needed
*
* Usage:
* $ casperjs screenshots.js http://example.com
*/
var casper = require("casper").create();
@magsout
magsout / README.md
Last active August 29, 2015 14:06 — forked from MoOx/README.md

PROJECT BLAH BLAH

Requirements

For development, you will only need Node.js installed on your environement. And please use the appropriate Editorconfig plugin for your Editor (not mandatory).

Node

Node is really easy to install & now include NPM.

@magsout
magsout / css.at.txt
Created November 6, 2014 13:21
http://code.hootsuite.com/css-at-hootsuite/
http://mikeaparicio.com/2014/08/10/css-at-groupon/
http://blog.trello.com/refining-the-way-we-structure-our-css-at-trello/
http://markdotto.com/2014/07/23/githubs-css/
http://codepen.io/chriscoyier/blog/codepens-css
http://ianfeather.co.uk/css-at-lonely-planet/
https://medium.com/@fat/mediums-css-is-actually-pretty-fucking-good-b8e2a6c78b06
http://blog.brianlovin.com/buffers-css/
http://dev.ghost.org/css-at-ghost/
@magsout
magsout / Component.css
Last active August 29, 2015 14:09
/*
* Main class
* font-size : rem
* other properties : em
*/
.org-Component {
font-size: 1rem;
padding:1em;
}
/*