Skip to content

Instantly share code, notes, and snippets.

Avatar
👨‍🎓
enseigner les CSS

Thomas ZILLIOX tzi

👨‍🎓
enseigner les CSS
View GitHub Profile
@tzi
tzi / component.scss
Last active Sep 3, 2017
Using a "next generation mixin" to generate themes in sass
View component.scss
// Passing arguments from a mixin to a content block
// Planned for Sass 4
// https://github.com/sass/sass/issues/871
// File: common.scss
$theme-colors: (
pink: #FF69B4,
orange: #FFA500,
);
View keybase.md

Keybase proof

I hereby claim:

  • I am tzi on github.
  • I am tzi (https://keybase.io/tzi) on keybase.
  • I have a public key whose fingerprint is D169 0312 DD9C 15E8 0BE0 D99D EF96 AFEB 72BB 5C41

To claim this, I am signing this object:

@tzi
tzi / A-lire.md
Last active Jun 22, 2016
Ma Bibliothèque
View A-lire.md

A Lire

Alain Damasio

  • La Horde du Contrevent [Fantasy] | amazon

    un classique à lire absolument (@bastnic)

  • La Zone du Dehors [SF] | amazon

View onename.txt
Verifying that +tzi is my blockchain ID. https://onename.com/tzi
View z-index.sh
# How to search the "z-index" values of your CSS project
git grep -h "z-index" | sed -E "s/.*z-index\s*:\s*(-?[0-9]+).*/\1/" | sort | uniq -c | sort -b -r
# Explanations
# git grep -h "z-index"
# -> Find every line of your project that contain "z-index"
# sed -E "s/.*z-index\s*:\s*(-?[0-9]+).*/\1/"
# -> Only keep the property value
# sort | uniq -c | sort -b -r
# -> count the number of occurrences by value
View debounce.js
function debounce(func, wait) {
var timeout;
return function() {
var context = this, args = arguments;
var later = function() {
timeout = null;
func.apply(context, args);
};
clearTimeout(timeout);
timeout = setTimeout(later, wait);
@tzi
tzi / index.md
Last active Apr 15, 2016
BEM References
View index.md

It's gone!

See you there ;)

@tzi
tzi / index.html
Last active Mar 3, 2016
MorningJS - A simple lib to create widget
View index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>MorningJS</title>
<style>
/* Global styles have no effect on widget */
h1 {
font-weight: normal;
}
@tzi
tzi / SassMeister-input.scss
Created Feb 15, 2016
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----
@mixin responsive-calc($columns: 2, $under: 480px) {
$pre-computed-calc: #{($under * ($under / 1px))} - #{(100% * ($under / 1px))};
display: inline-block;
min-width: ($under / 2);