Les feuilles de style en cascade, plus connues sous l’acronyme anglais CSS (pour Cascading Style Sheets) ont été conçues pour décrire la présentation des documents HTML. L’objectif est de séparer le fond (HTML) de la forme (CSS) pour faciliter le développement et la mise à jour des sites Web. Il existe une abondante littérature technique et des tutoriels à suivre en ligne consacrés au langage CSS. Il s’agit le plus souvent d’initiations très générales qui présentent les éléments clés du langage, mais qui n’approfondissent pas vraiment le sujet. Il faut alors se rabattre sur les sites officiels qui décrivent très précisément le langage, mais qui malheureusement ne sont pas très compréhensibles aux communs des mortels peu habitués au jargon informatique.
Pour ceux que le langage CSS intéresse, je leur conseille de jeter un coup d’œil au site en anglais CSS Reference qui se présente comme un guide se voulant complet sur le CSS. Il explique avec beaucoup de détails les concepts et les propriétés les plus importantes du CSS : Pseudo-class, Property, Function, Data Type, Concept et @rule.
Pour chaque entrée CSS du guide, on va lire un développement complet sur une propriété avec des exemples précis d’utilisation, la syntaxe officielle, les valeurs possibles pour cette propriété, à quels éléments elle s’applique et les navigateurs qui la reconnaissent.
Les textes et les exemples de CSS Reference exposent clairement les concepts du CSS, mais le point fort du site est de pouvoir expérimenter des exemples dans le module Live Demo pour visualiser et manipuler les codes HTML et CSS depuis un éditeur intégré au site afin d’obtenir les résultats de ses expériences dans une fenêtre dédiée ou à afficher en plein écran.
Cette fonctionnalité est basée sur une application en cours de développement appelé Codrops Playground qui n’est pas sans rappeler JsFiddle.
L’ensemble proposé par CSS Reference est à mes yeux tout à fait remarquable et devrait aider les apprentis codeurs à mieux comprendre le fonctionnement du langage CSS.
Source : CSS Reference
Les commentaires sont fermés.