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 / 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 / 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 / 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 / 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 / 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 / browserslist-2016-06
Created June 20, 2016 14:21
List of browsers we support. Useful for Autoprefixer and other PostCSS plugins
// @NOTE Chrome version may vary (was chosen arbitrarily between "recent" versions)
// @NOTE Fx42 is also current ESR version
// @NOTE Android version may be 4.4.4 instead of 4.4
var browsersList = ['IE >= 10', 'Edge >= 12', 'Chrome >= 42', 'Firefox >= 42', 'Firefox ESR', 'Safari >= 8', 'ios_saf >= 8', 'Android >= 4.4'];
@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 / grep-svg-viewbox.txt
Created November 17, 2017 11:14
SVG parsing: display viewBox dimensions
# In a directory full of SVG files, extract and display values of their viewBox
# 1/2 Rough display
grep -H -o -i --color -E 'viewbox="([0-9. ]+)?"' *.svg
# Output:
# uEA01-arrow-down.svg:viewBox="0 0 50 50"
# uEA02-arrow-left.svg:viewBox="0 0 50 50"
# 2/2 Better display (no more color highlighting with Git Bash on Win 10 though)