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 / index.css
Created June 21, 2019 12:00 — forked from stereokai/index.css
Trigonometry in CSS
//----------------------------------*\
// TRIGONOMETRY FUNCTIONS
//----------------------------------*/
// # Trigonometry in CSS
//
// - Through Taylor/Maclaurin polynomial representation: http://people.math.sc.edu/girardi/m142/handouts/10sTaylorPolySeries.pdf
// - Useful if you don't want to use JS.
// - With CSS Variables.
// - `calc()` can't do power (x ^ y) so I used multiplication instead.
@ffoodd
ffoodd / functions.php
Created December 19, 2016 15:17 — forked from 7studio/functions.php
WP + TinyMCE + Color Picker Plugin + Text Color Plugin = ❤️
<?php
if ( ! function_exists( 'thistle_remove_tiny_mce_colorpicker' ) ) {
/**
* Pulls out the colorpicker plugin from TinyMCE.
* Without this plugin the end user cannot select a custom color.
*
* @link https://www.tinymce.com/docs/plugins/colorpicker/
*
* @param array $plugins An array of default TinyMCE plugins.
@ffoodd
ffoodd / dabblet.css
Created March 17, 2016 14:29 — forked from vibby/dabblet.css
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
html::after { background-color: rgba(0, 0, 0, .8);
background-image:
linear-gradient(
to bottom,
transparent,
transparent 1.4em,
@ffoodd
ffoodd / dabblet.css
Created February 16, 2016 12:57 — forked from LeaVerou/dabblet.css
Polka dot pattern
/**
* Polka dot pattern
*/
background: radial-gradient(circle, white 10%, transparent 10%),
radial-gradient(circle, white 10%, black 10%) 150px 50px;
background-size:100px 100px;
@ffoodd
ffoodd / dabblet.css
Created February 16, 2016 09:30 — forked from anonymous/dabblet.css
Dégradés
/**
* Dégradés
* Je voudrais que les motifs avec les petits points se répète sur le triangle qui déborde.
* Je m'y prends très mal, Help :D
*/
:root {
font-family: sans-serif;
}
<?php
$path = '/home/www/7studio/www/assets/stylesheets/';
$cmd = 'find '.$path.' -iname "*.css"';
$out = array();
exec($cmd, $out);
echo '<strong>Fichiers CSS explorés</strong>';
echo '<ul>';
foreach($out as $V){
@ffoodd
ffoodd / dabblet.css
Last active August 29, 2015 14:08 — forked from anonymous/dabblet.css
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
li {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
}
span {
jamais en fr :
ŠšŽžŸÿÁáÃãÐðÑñÒòÓóÕõØøÖöÅåÝýÞþÚúÌìÍíˇ˘˙˚˜˝˛ˆ¸¨´`^¦ı†‡¬∂∆∑∫◊Ωª¢¿¡fiflfiflffiffl¯∏√∞ƒ⁄·¤
à voir en fonction de la nature du projet :
‰ º µ ¼ ½ ¾ § ¶ • © ® ™ ± ≈ ≠ ¹ £ ¥ ‹ › ‘ ’ “ ” „ ≤ ≥ π ß ~
toujours en fr :
@ffoodd
ffoodd / functions.php
Last active December 24, 2015 03:49 — forked from JoostKiens/functions.php
<?php
/**
* @note : Caption content is filtered to use html5 semantic elements figure & figcaption. First found on Zhen Huang's "Reverie".
* @author : @milohuang
* @see : http://themefortress.com/reverie/
* @see : https://github.com/milohuang/reverie/blob/master/lib/clean.php
* @note : Then we add microdata. Found on Joost Kiens' Gists.
* @author : @joostkiens
* @see : https://gist.github.com/JoostKiens/4477366
* @note : And in the end I add all ARIA role and attributes we need (group, aria-labelledby, aria-describedby). Group role is due to a lack of support of figure semantic.