excuse my french.dev

veille front-end & ux (avec un accent)

Retour vers la liste des articles

Excuse My French Dev #7: Enquête sur CSS, révisions JavaScript et palettes de couleurs accessibles

un tableau de deux colonnes, la première affichant trois rectangles avec l'inscription 'bad contrast' et la seconde, trois rectangles 'good contrast'. Chaque rectangle est légendé du ratio de contrastes entre la couleur du rectangle et la couleur de la police. Logiquement, 'bad contrast' montre les contrastes moins lisibles tandis que 'good contrast' montre les ratios acceptables pour une lecture confortable
source: Wildbit

Cette semaine, participons à une grande enquête sur CSS ! Lorsque c'est fait, on révise JavaScript, et on apprend à prendre des notes de manière intelligente sur le sujet. Enfin, on découvre un nouveau modèle de couleurs avec CIELAB et on se détend en explorant un portfolio de projets fun et plein de créativité.

Voilà les cinq liens "coup de coeur" de la semaine :

  1. The State of CSS Survey ("Enquête sur l'état de CSS"). Une enquête mondiale sur la manière dont nous utilisons CSS. Pas d'excuse pour ne pas y répondre, elle est traduite en français !
  2. 33 Concepts Every JavaScript Developer Should Know ("33 concepts que tout développeur JavaScript devrait connaître. "). Encore une ressource traduite en français (bien que les ressources présentées soient en anglais) ! Sous chaque concept, il y a toute une liste de ressources sous formes d'articles ou de vidéos pour (continuer à) apprendre tout ce qui tourne autour dudit concept. A explorer dans le cadre d'un challenge d'apprentissage sur un mois (et deux jours) !
  3. How to take smart notes (as a developer) ("Comment prendre des notes de manière intelligente (en tant que développeur.se)"). J'avoue me poser souvent cette question. J'ai un carnet dans lequel j'écris des bouts de code qui me sont utiles, des notes de cours ou d'articles et des brouillons de solutions que je couche sur papier avant de les traduire en code. J'ai découvert avec Emma Goto la méthode Zettelkasten qui consiste à faire une fiche pour un item d'nformation à laquelle on ajoute la source et une note personnelle (par exemple, pourquoi cette information est importante pour nous). La fiche est ensuite rangée dans un système, reliée à d'autres notes sur le sujet ce qui permet d'organiser toutes nos notes en formant des connecteurs logiques... un peu comme notre cerveau en fait. La méthode est un chouïa plus complexe, et je n'en suis qu'au début de l'expérience, mais je suis déjà séduite par ce système qui améliore grandement ma productivité et qui rendent mes notes utiles et utilisables facilement !
  4. Accessible Palette: stop using HSL for color systems ("Palette accessible: arrêtons d'utiliser HSL pour les sytèmes de couleurs"). Couleurs et accessibilité est un sujet de discussion intarissable dans le web ! L'article introduit l'outil Accessible Palette utilisant le modèle CIELAB (les lettres CIE prévalent pour "International Commission on Illumination" _ et non, ce n'est pas une secte) plutôt que HSL ("Hue, Saturation, Lightness" ou "Teinte, Saturation, Luminosité) ou RGB ("Red, Green, Blue" ou "Rouge, Vert, Bleu). Ces deux derniers modèles s'appuient sur la manière dont les écrans fonctionnent ou la vitesse de calcul de nos ordinateurs, mais pas sur la manière dont nous pensons les couleurs. Un bon article pour comprendre l'état de l'art sur le sujet et pour prendre en main Accessible Palette afin de créer des systèmes de couleurs avec les "bons" contrastes.
  5. Neal.fun Quelle créativité ! J'aime tous les projets de ce codeur et en explorant son portfolio, je me suis souvent dit "oh, j'aurais aimé avoir codé ce projet !". C'est léger, créatif et un brin philosophique, de quoi alimenter gaiement nos pauses entre deux sessions de code ou lorsque l'on manque d'inspiration !

And that's it! A la semaine prochaine !