Skip to content

Instantly share code, notes, and snippets.

Gaël Poupard ffoodd

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.