Skip to content

Instantly share code, notes, and snippets.

@PhilippeVay
PhilippeVay / less-parent-selector-rtl-when-if
Last active August 29, 2015 13:55
LESS: parent selector '&' combined with 'if' when()
/* &:focus, &:hover, &:active isn't the only way of using the parent selector in LESS */
@rtl_option: true;
ul, ol {
padding-left: 2em;
/* RTL */
[dir="rtl"] & when (@rtl_option) {
padding-left: 0;
padding-right: 2em;
@PhilippeVay
PhilippeVay / rgaa3comm1.txt
Last active August 29, 2015 14:07
Appel à commentaire public du RGAA3 : 1er commentaire (ancres et id)
Bonjour,
voici le 1er d'une série d'une demie-douzaine de retours portant essentiellement sur la forme : erreurs de liens, typos, orthographe, harmonisation, etc et pas sur le fond, après relecture des différents documents que constitue le RGAA 3 en version beta.
1/
Tous les id sont bien présents sur les Critères sous la forme id="crit-4-22" (cela a donc été corrigé par rapport à AccessiWeb HTML5/ARIA).
En revanche, il manque sur les tests les id suivants:
test-1-6-8
test-4-3-2
test-7-1-3
@PhilippeVay
PhilippeVay / rgaa3comm6.txt
Created October 15, 2014 12:32
Appel à commentaire public du RGAA3 : 6e commentaire (Base de référence)
Enfin 6e et dernier commentaire sur la forme portant sur la Base de référence :
- dans les 4 tableaux de Combinaisons possibles, la TA JAWS est écrite 3 fois en capitales et 1 fois Jaws : cela devrait être harmonisé.
- le lecteur d'écran Window-Eyes s'écrit sans S contrairement au système d'exploitation MS Windows et avec un trait d'union
- 2e exigence : "javascript" devrait être écrit JavaScript. "une fonctionnalité proposéE par" (accord au féminin)
Ph. Vayssière
@PhilippeVay
PhilippeVay / rgaa3comm5.txt
Created October 15, 2014 12:32
Appel à commentaire public du RGAA3 : 5e commentaire (Notes techniques)
5e commentaire portant à présent sur les Notes techniques :
- Critère 1.2 [A] : pas d'accent sur role="presentation"
- Critère 1.3 [A] : "faire apparaÎtre une infobulle (tooltip) sur les images particulièremenT obscures" apparaître avec un accent circonflexe et l'adverbe est invariable. Au 2e paragraphe, "créE une difficulté" et non le participe passé
- Thématique Scripts : "javascript" devrait être écrit JavaScript (4 occurences)
- Critère 9.2 [A] : "L'arborescence du document (outline) est généréE" (accord avec arborescence qui est un nom féminin). Au 8e paragraphe, de même "avec la structuration du contenu généréE par l'utilisation des balises <hx>. La structuration du contenu générée"
- Critère 10.13 [A] : "le contenu contrôlé" (avec un accent circonflexe)
- Critère 11.11 [AA] : "attention cependant le support de cette API n'est pas encore stabilisÉ." (accord avec support)
@PhilippeVay
PhilippeVay / rgaa3comm3.txt
Created October 15, 2014 12:31
Appel à commentaire public du RGAA3 : 3e commentaire (Glossaire)
3e commentaire portant à présent sur le Glossaire :
1/
- chapo (fin du 2e paragraphe) : "intégréE au Glossaire RGAA" au féminin
- javascript ou Javascript s'écrit systématiquement JavaScript (12 occurences)
- CAPTCHA s'écrit systématiquement en capitales (3 occurences sont écrites Captcha)
- Alternative courte et concise : "Une longueur de 80 car" : préciser qu'il s'agit d'une longueur maximale ; 80 caractères n'est pas plus recommandé que 10
- Alternative textuelle (image) : "CAPTCHA" s'écrit systématiquement en majuscules (c'est correct dans les Critères 1.4 et 1.5)
- Accessible et activable par le clavier et la souris : le mot clic ne prend pas de k en français
- Cadre en ligne : "ÉlémenT HTML" : le titre est au singulier, le 1er nom devrait l'être aussi
@PhilippeVay
PhilippeVay / rgaa3comm2.txt
Created October 15, 2014 12:30
Appel à commentaire public du RGAA3 : 2e commentaire
2e commentaire portant également sur la page de la liste détaillée des critères (référentiel technique)
Thématique Images :
-------------------
- 1.1.4, 1.10.1, 1.10.2, 1.10.3, 1.10.4 et 1.10.5 "vérifie-t-elle" (il manque un des 2 traits d'union)
- 1.2.2 "ces conditions ?" (pas de ":" après "?") et "est vide" (pas de trait d'union)
- 1.2.5 "doit être" (pas de trait d'union)
- 1.6.1 "image <snip> porteuse d'information (balise img)" (les images objet font... l'objet du test 1.6.2)
- 1.6.2 "Chaque image objet" Sans c et sans élément code avant la parenthèse par cohérence avec les autres occurences des tests 1.2.3, 1.3.4, 1.4.4, 1.7.2, 1.8.4 et 1.10.2.
- 1.6.4 "Chaque bouton (…) vérifie-t-IL" (masculin)
@PhilippeVay
PhilippeVay / rgaa3comm4.txt
Created October 15, 2014 12:31
Appel à commentaire public du RGAA3 : 4e commentaire (Cas particuliers)
4e commentaire portant à présent sur les Cas particuliers
- CAPTCHA s'écrit systématiquement en capitales (2 occurences sont écrites captcha et 3 occurences sont écrites Captcha)
- On trouve indifféremment les écritures "non applicable" et "non-applicable"
- Critère 4.16 : "javascript" devrait être écrit JavaScript
- Critère 4.19 : "l'arrière-plan" (avec un trait d'union)
Ph. Vayssière
@PhilippeVay
PhilippeVay / html-classes-to-css.md
Created October 23, 2017 16:48
Extraire des noms de classe depuis du code HTML vers des sélecteurs CSS

(version simpl-ist-e)

Dans un éditeur de texte, chercher (en modes regexp et selection) :

\s*<.*? class=\"(.*?)".*

Remplacer par :

.$1 {}\n

@PhilippeVay
PhilippeVay / css3-selection.txt
Last active November 24, 2017 15:16
::selection - custom colors for selection of text by the user
/*
* User selecting text: custom colors
* Beware of white text on dark background: you must redefine ::selection for these cases
*
* MDN: https://developer.mozilla.org/fr/docs/Web/CSS/::selection
* Autoprefixer does take care of adding needed -moz- prefix
*
*/
::selection {
color: white;
@PhilippeVay
PhilippeVay / browserslist-gulpfile.txt
Created November 24, 2017 15:37
Configuration browserslist pour Autoprefixer
// Browserslist : chaîne des navigateurs supportés, paramètrage pour Autoprefixer
// Annoncé : IE11+, last Chr/Fx/Edge/Opera et iOS 9+, Android 5+)
// Ici IE10+, Safari 8+, Android 4.4+
// => Couverture (mondiale, pas française) de 95,13% (mai 2017)
browsersList: [
'> 1%',
'last 2 versions',
'IE >= 10', 'Edge >= 12',
'Chrome >= 42',
'Firefox >= 42', 'Firefox ESR',