Skip to content

Instantly share code, notes, and snippets.

View tzi's full-sized avatar
👨‍🎓
enseigner les CSS

Thomas ZILLIOX tzi

👨‍🎓
enseigner les CSS
View GitHub Profile
@tzi
tzi / readme.md
Created January 28, 2016 16:14
Responsive photo grid with rowspan

Responsive photo grid with rowspan

Demo:

@tzi
tzi / SassMeister-input.scss
Created December 30, 2015 10:05
Generated by SassMeister.com.
// ----
// libsass (v3.3.2)
// ----
$gutter: 35px;
@mixin grid-cell($size: 1, $gutter: $gutter){
& > * {
width: calc(#{100% * 1 / $size} - #{$gutter - .01px});
}
@tzi
tzi / index.md
Last active November 13, 2015 10:39
Flexbox shorthand values

Flexbox shorthand values

keywords

flex: initial => flex: 0 1 auto
flex: none    => flex: 0 0 auto
flex: auto    => flex: 1 1 auto
@tzi
tzi / SassMeister-input.scss
Created November 2, 2015 13:30
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
@mixin responsive($size) {
@media (min-width: map-get($container-max-widths, $size)) {
@content
}
}
@tzi
tzi / SassMeister-input.scss
Created November 2, 2015 13:25
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$container-max-widths: (
sm: 34rem, // 480
md: 45rem, // 720
lg: 60rem, // 960
xl: 72.25rem // 1140
) !default;
@tzi
tzi / install.sh
Last active January 16, 2023 21:04
WeasyPrint install on a clean Ubuntu
sudo apt-get install libxml2-dev libxslt-dev libffi-dev libcairo2-dev libpango1.0-dev python-dev python-pip
sudo pip install WeasyPrint
@tzi
tzi / coachlabrute.user.js
Created April 22, 2015 14:16
Userscript pour Labrute.fr : Ajoute des métriques pour suivre la progression de ses brutes
// ==UserScript==
// @name CoachLaBrute
// @description Ajoute des métriques pour suivre la progression de ses brutes
// @id fr.tzi.CoachLaBrute
// @namespace http://tzi.fr
// @author tzi
// @include http://*.labrute.fr/cellule
// @include http://*.labrute.fr/arene
// @grant none
// @version 2015.04.22
@tzi
tzi / index.html
Last active August 29, 2015 14:18
Lazyload example
<!doctype html>
<title>lazyloading images</title>
<link rel="stylesheet" href="styles.css" />
<script src="lazyload.min.js"></script>
<div class="popin">
<h1>simple images example</h1>
<h2>scroll for more</h2>
<div class="pad">
<img
@tzi
tzi / SassMeister-input.scss
Created November 24, 2014 23:05
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
// Attributes
// ----------------------------------
$grid-default-column-count: 12 !default;
@tzi
tzi / lyrics.md
Last active January 3, 2016 21:09
Lyrics

Viens avec moi si tu as besoin d'air libre


Sortir et briser