Skip to content

Instantly share code, notes, and snippets.

Gaël Poupard ffoodd

Block or report user

Report or block ffoodd

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View dabblet.css
@keyframes test { from { background: white } to { background: black }}
html { background: black; animation: 2s test;}
html:hover { animation: 2s test reverse;}
@ffoodd
ffoodd / dabblet.css
Last active Jan 29, 2018
Marie Comet test
View dabblet.css
/**
* Marie Comet test
*/
main {
margin: 0 auto;
max-width: 64rem;
}
div {
@ffoodd
ffoodd / dabblet.css
Last active Jan 19, 2018
.sr-only reduced test case
View dabblet.css
/**
* .sr-only reduced test case
*/
.sr-only {
left: -100vw;
position: absolute;
}
.sr-only-focusable:focus {
@ffoodd
ffoodd / dabblet.css
Last active Dec 15, 2017
CSS selecotrs tester
View dabblet.css
/**
* CSS selecotrs tester
*/
button:not(:-moz-any([type], [form], [formaction], [formtarget])),
:not(:-moz-any(img, object, embed, svg, canvas)):-moz-any([width], [height]) {
outline: 4px solid red;
outline-offset: -4px;
}
@ffoodd
ffoodd / mu-fSelect.js
Created Dec 4, 2017
FacetWP accessibility improvements
View mu-fSelect.js
(function($) {
$.fn.fSelect = function(options) {
if ('string' === typeof options) {
var settings = options;
}
else {
var settings = $.extend({
placeholder: 'Select some options',
@ffoodd
ffoodd / functions.php
Created Dec 19, 2016 — forked from 7studio/functions.php
WP + TinyMCE + Color Picker Plugin + Text Color Plugin = ❤️
View functions.php
<?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.
View dabblet.css
/**
* transform space
*/
span {
display: inline-block;
transform: scale(0);
}
@ffoodd
ffoodd / index.html
Last active Jan 20, 2017
Soulignement factice
View index.html
<a class="underline" href="http://www.ffoodd.fr">C&#700;est psychologique</a>
View improved-sr-only.markdown

Improved .sr-only

Theorically bulletproof CSS class for visually hide anything and keep it accessible to ATs.

A Pen by ffoodd on CodePen.

License.

@ffoodd
ffoodd / dabblet.css
Created Sep 27, 2016
Les chevaliers de la table ronde
View dabblet.css
/* Les chevaliers de la table ronde */
You can’t perform that action at this time.