L'exercice de Matthieu est rare : expliquer les choix d'intégration qu'il a fait pour son site perso, Twikito.com. Une démarche pertinente qui pourra intéresser les débutants comme les professionnels.

"You can do and impressive amount of form validation with just HTML attributes and make the user experience pretty clean and clear with CSS selectors. But it does require some CSS trickery to get things just right!"

An evaluating tool for writing better CSS, also available through a Chrome Extension.

"KNACSS est une feuille de styles CSS multi-vitaminée comprenant tout un ensemble de bonnes pratiques et de styles de base ("reset") pour débuter chacun de ses projets."

Avec HTTP/2, le chargement des CSS va complètement changer, favorisant le recours à des feuilles de styles davantage orientées composants et chargées à la volée.

"Create a consistent vertical rhythm for your web design.

The tool does the maths for margin-top, margin-bottom and line-height and creates CSS rules for a consistent Vertical Rhythm"

Meet the first visual flexbox builder
Easily build flexible, responsive layouts—without writing code. Only in Webflow.

Learning flexbox, tower-defense style !

A game for learning CSS flexbox

"Je n’ai pas une vision mécanique de mes CSS, j’en ai une vision humaine : quelquʼun dʼautre (une personne) va les lire, chercher à les comprendre, les utiliser, les modifier peut-être. Je communique avec cette personne, je documente, je commente, jʼinduis des erreurs pour obliger à lire, comprendre et respecter certaines bonnes pratiques."

C'est depuis fin 2010 qu’il est possible de réaliser simplement via CSS des bordures arrondies. Pourtant, dans la plupart des cas, nous n’en faisons qu’un usage limité, au point d’être un peu perdus quand il s’agit de sortir des sentiers battus.

"You can use unicode characters (read: fancy symbols) for class names in your HTML, and even use write CSS selectors with those same characters."

"Il faut le savoir, le message que vous envoyez ne s’affiche pas chez votre destinataire tel que vous le voyez : chaque logiciel de messagerie interprète à sa guise, privant parfois le destinataire d’une partie de l’information pourtant effectivement transmise."

"The question is, which should you use? There's been a longstanding debate between rem supporters and em supporters, believing that you should use one over the other."

Build awesome user interfaces with CSS flexbox. Examples and source code included.

"Reasons HTML and CSS might make you say what the fuck. A curated list of commonly frustrating HTML and CSS quandaries, miscues, and dilemmas."

"As good as this sounds, something even better has been brewing for some time. You can perform feature detection using native CSS feature queries with the @supports rule."

Personne n’a la science infuse. Ni vous, ni moi.

Aucun savoir n’est immuable. Aucune technique n’est pérenne. Aucune pratique n’est parfaite. Le métier d’intégrateur web en particulier est une leçon d’humilité permanente.

Toute bonne pratique doit être discutée. Tout intégrateur doit se remettre en question.

"La grille parfaite en CSS existe enfin, Bootstrap n’a qu’à bien se tenir, moi je vous le dis !"