Skip to content

Instantly share code, notes, and snippets.

View ffoodd's full-sized avatar
🎯
Focusing

Gaël Poupard ffoodd

🎯
Focusing
View GitHub Profile
@ffoodd
ffoodd / functions.php
Last active August 29, 2015 13:56
Inclure un template différent selon la taxonomie ou le terme affiché
<?php
/* == @section Chargement du bon template pour les sous-filtres ====================
/**
* @note On charge le même template pour tous les termes de la taxonomie « filtres », à l’exception d’un terme.
* @note Merci à Julio Potier et Willy Bahuaud pour l’astuce
* @see https://twitter.com/BoiteAWeb
* @see https://twitter.com/willybahuaud
* @author Gaël Poupard
* @see https://twitter.com/ffoodd_fr
* @see http://codex.wordpress.org/Plugin_API/Filter_Reference/template_include
@ffoodd
ffoodd / ffeeeedd__onglets
Last active August 29, 2015 14:04
ffeeeedd__onglets
<div data-function="tabs" class="ffeeeedd__onglets">
<h3 data-role="tab" id="onglet_1-titre">
<a href="#onglet_1">Onglet 1</a>
</h3>
<div data-role="panel" data-label="onglet_1-titre" id="onglet_1">
<div>Lorem ipsum dolor sit amet</div>
</div>
<h3 data-role="tab" id="onglet_2-titre">
<a href="#onglet_2">Onglet 2</a>
@ffoodd
ffoodd / dabblet.css
Last active August 29, 2015 14:06
POC bouton de rechargement
/**
* POC bouton de rechargement
*/
@keyframes move-up {
from {
transform: translateY( 100% ) translateZ( 0 );
opacity: 0;
}
}
@ffoodd
ffoodd / dabblet.css
Last active August 29, 2015 14:06
Alignement de définitions
/**
* Alignement de définitions
*/
dl {
color: #666;
margin: 0;
padding: 0;
}
@ffoodd
ffoodd / dabblet.css
Created September 11, 2014 12:31
Le cercle magique — №2
/**
* Le cercle magique — №2
*/
*,
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
@ffoodd
ffoodd / dabblet.css
Created September 23, 2014 15:06
Essai d’animation
/**
* Essai d’animation */
@keyframes move-up {
0% {
transform: translateY( 100% ) translateZ( 0 );
opacity: 0;
}
10% {
@ffoodd
ffoodd / dabblet.css
Created September 24, 2014 07:35
MQ tester
/**
* MQ tester */
@media (min-width: 1300px) {
body { background: red; }
}
@ffoodd
ffoodd / dabblet.css
Created September 24, 2014 15:28
Chorégraphie de contenu
/**
* Chorégraphie de contenu
*/
body {
font: 3em Lucida Sans Unicode, Lucida Sans, sans-serif;
color: #333;
background: #F2F2E2;
}
ul {