⏰ CSS Clockwork

Souvent décrié, le CSS est pourtant puissant, et surtout fun.

Cette session de live-coding d’une horloge est l’occasion de montrer quantité de trucs et astuces utiles quotidiennement comme les custom properties (c.-à-d. CSS variables), les transformations, les animations, les compteurs…

Aujourd’hui alors qu’on est entré dans l’ère post-IE, on peut utiliser beaucoup plus sereinement cette puissance ; mais comment apprendre le CSS ?

Le moyen le plus fun, c’est de le pratiquer. Cette présentation est le résultat d’un exercice que je me suis donné : faire une horloge en CSS.

Il y a deux ans, je me suis lancé dans une présentation sur le CSS: “CSS is Awesome” que j’ai donnée notamment à DevoxxFR, MixIT, et une version plus longue au DevFest Toulouse. Les nombreux retours positifs m’incitent pour continuer à faire passer le message :

Le CSS est plus épineux qu’on le pense, pour bien développer en Web, il faut se donner du temps pour l’apprendre.

Mais plutôt que faire “CSS is Awesome II, le retour”, je préfère faire autre chose. L’idée est de faire un live-coding d’une horologe: voir le prototype sur codepen. Cet exemple me donne l’occasion d’aborder des sujets que j’avais survolés ou omis dans ma précédente présentation, mais surtout cela montre une façon fun d’apprendre le CSS : les sides projects, et, en cela c’est dans la continuité “CSS is Awesome”.

Concernant le titre, j’ai été faible face aux sirènes du marketing digial, mais je suis disposé à le changer si l’utilisation de l’anglais pose un problème. Je peux mettre par exemple: “Mécanique d’horlogerie en CSS”, ou “Quelle ⏰ est-il, Mr CSS ?”.

Je préfère le format conférence pour avoir une présentation qui est plus adapté aux divers niveaux de l’audience, et avoir une meilleure maîtrise du temps, mais je peux faire une version plus courte de 30 minutes (pas moins).