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
109 followers · 153 following
View GitHub Profile
@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 / _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 / NewlineToBreak.js
Created March 27, 2018 11:27
import React from "react"
const NewlineToBreak = props => {
const { text } = props
return (
<span>
{text.split("\n").map((item, key) => <span key={key}>{item}<br /></span>)}
</span>
)
@magsout
magsout / setup-test.js
Created March 26, 2018 13:54
window.matchMedia = window.matchMedia || (() => {
return {
matches : true,
addListener : () => {},
removeListener: () => {},
};
});
@magsout
magsout / Header-test.js
Created March 26, 2018 12:49
import "../../../../scripts/test-setup.js"
import React from "react";
import renderer from "react-test-renderer";
import sinon from "sinon";
import {shallow} from "enzyme";
import { BrowserRouter as Router } from "react-router-dom";
import Header from "../";
@magsout
magsout / image-uploads-non-auth.js
Created February 18, 2018 07:27
"use strict";
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
/*global WindowHelpers:true*/
const intern = require("intern").default;
const { assert } = intern.getPlugin("chai");
const { registerSuite } = intern.getInterface("object");
const FunctionalHelpers = require("./lib/helpers.js");
@magsout
magsout / package.json
Created March 18, 2016 08:39
{
"name": "cssrecipes-grid",
"version": "1.0.0",
"description": "BEMish grid component",
"keywords": [
"browser",
"style",
"css",
"css-components",
"css-recipes",
@magsout
magsout / Masonry.css
Created February 18, 2016 10:30
/** @define Masonry */
.sf-Masonry {
column-count: 4;
column-gap: 1em;
}
.sf-Masonry-item {
width: 100%;
display: inline-block;
}
@magsout
magsout / webpack.config.js
Created July 13, 2015 13:06
Webpack + cssnext-loader + stylelint + file-loader
// webpack.config.js
var webpack = require("webpack")
var ExtractTextPlugin = require("extract-text-webpack-plugin")
var path = require("path")
var options = require("minimist")(process.argv.slice(2))
var pathDest = (options.docs) ? "./docs" : "./build"
var cssnext = require("cssnext-loader")
var configSuitcss = require("stylelint-config-suitcss")
var ext = function ext() {