Skip to content

Instantly share code, notes, and snippets.

View alienlebarge's full-sized avatar
💾
:wq

Cédric Aellen alienlebarge

💾
:wq
View GitHub Profile
@alienlebarge
alienlebarge / .stylelintrc
Last active March 3, 2016 19:26
Stylelint rules setting - http://stylelint.io/
{
"rules": {
"at-rule-empty-line-before": [
"always", {
except: ["blockless-group", "first-nested"],
ignore: ["after-comment"]
}
],
"at-rule-no-vendor-prefix": true,
"block-closing-brace-newline-after": "always",
@alienlebarge
alienlebarge / empty-blocks.css
Created January 5, 2016 07:49
Hide any typographic block that is empty.
p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty,
ul:empty,
ol:empty,
dl:empty,

Utilisation de police d'écriture professionnelle

Web design is 95% typography
Oliver Reichenstein

Typography is not ‘picking a cool font.
Jeff Croft

Typography is … about shaping text for optimal reading experience.
Oliver Reichenstein

@alienlebarge
alienlebarge / Mixin-inside-mixin.md
Last active November 13, 2015 13:51
Using PostCSS, is it possible to have a mixin inside another mixin ?

I have a mixin inside another mixin and it doesn't work.
You can see the code below (5 last lines of input).

Here are the PostCSS processors I use and in the order they are set:

  • postcss-import
  • postcss-mixins
  • postcss-advanced-variables
  • postcss-custom-properties
  • postcss-custom-media
  • postcss-nesting
<html lang="fr"><head>
<meta charset="utf-8">
<!--
This website is powered by TYPO3 - inspiring people to share!
TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
TYPO3 is copyright 1998-2012 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
Information and contribution at http://typo3.org/
-->
@alienlebarge
alienlebarge / LHand.md
Last active August 29, 2015 14:27
Passage important concernant le web dans la LHand et la OHand

aux prestations accessibles au public qui sont fournies par des particuliers, par les entreprises titulaires d'une concession d'infrastructure au sens de l'art. 5 de la loi fédérale du 20 décembre 1957 sur les chemins de fer8 ou d'une concession de transport de voyageurs au sens de l'art. 6 de la loi fédérale du 20 mars 2009 sur le transport de voyageurs9 (entreprises concessionnaires) ou par des collectivités publiques;
Art. 3 Champ d'application

Dans la mesure où les autorités offrent leurs prestations sur Internet, l'accès à ces prestations ne doit pas être rendu difficile aux handicapés de la vue. Le Conseil fédéral édicte les prescriptions techniques nécessaires. Il peut déclarer obligatoires des normes techniques établies par des organisations privées.
— [Ar

Underline

Almost bulletproof style for nice underline.

  • Work with em and px
  • Selection color
  • Mixin
  • Almost every direction text-shadow for bulletproof foot cuting
  • No Compass but Autoprefixer is recommended
<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2" xmlns:gx="http://www.google.com/kml/ext/2.2" xmlns:kml="http://www.opengis.net/kml/2.2"
xmlns:atom="http://www.w3.org/2005/Atom">
<Document>
<name>Reka Sörenberg</name>
<atom:author>
<atom:name>
@alienlebarge
alienlebarge / persona.md
Last active August 29, 2015 14:23
Persona

Regen'Air personas

Développement de personas dans le cadre du projet Regen'Air.

Each persona represents a significant portion of people in the real world and enables the designer to focus on a manageable and memorable cast of characters, instead of focusing on thousands of individuals. Personas aid designers to create different designs for different kinds of people and to design for a specific somebody, rather than a generic everybody.

Voici les caractéristique que doivent avoir des personas:

  • Name: Use a realistic name. Don’t use names of colleagues
@alienlebarge
alienlebarge / govweb.md
Last active August 29, 2015 14:22
Governmental website

Governmental websites

A collection of interrestings governmental websites