Organisation des requêtes et des CSS
Plusieurs fichiers CSS distincts, ou un seul qui répartit les rôles ? Lors du développement et de la mise en place du site, il peut être plus simple et souple d’utiliser diverses feuilles de...
Catégorie : CSS
Sass, Compass, Breakpoint et Susy
Sass, compass, breakpoint et susy Bon, entre l’éditeur Sublime Text et Emmet on pourrait penser qu’on a là de quoi faire, refaire et arborer la célèbre devise… YaPluKa… En fait, bien que cela nous...
Les préprocesseurs CSS
Bien qu’aidé par de tels outils, la gestion et la maintenance d’un site plus volumineux reste une tâche lourde et fastidieuse à mettre en place. Pour de tels sites, il n’est pas simplement question...
Les sélecteurs CSS
Les sélecteurs Le sélecteur est la partie qui va permettre de pointer vers l’élément de la page sur lequel la règle va devoir s’appliquer, et là repose toute la stratégie et l’optimisation des feuilles...
Le poids des styles, des règles ou des déclarations
De part leur aspect en cascade, les feuilles de style vont s’appliquer par couche sur les éléments et avoir des couches d’informations qui vont se superposer. De même, il arrive que plusieurs règles différentes...
Règle et déclarations
Les déclarations Les déclarations sont une série de paires propriétés / valeurs séparées par deux points et terminées par un point-virgule. Attention à ne pas utiliser d’espace entre la valeur et son unité. De...
Classite ou OOCSS ?
Il est vrai qu’en travaillant avec les préprocesseurs, et pour peu qu’on soit sensible à la programmation orientée objet, on arrive vite à mettre en place les mêmes mécaniques d’optimisation et forcément à adopter...
Mobile First ?
Le scénario doit-il être écrit en suivant le concept de mobile first ? Si les contenus proposés sur un grand écran diffèrent de ceux proposés sur un appareil mobile en mode portrait, alors comment...
Unités fixes ou proportionnelles ?
Mais alors quelles unités pour quelles mesures ? Comme nous l’avons signalé dans le chapitre précédent, il est toujours possible de faire varier la taille du texte, de manière indépendante à nos constructions et...
Découverte des Média Queries
Media-queries ou comment adapter son affichage Le principe du RWD s’appuie sur diverses feuilles de styles CSS qui vont, en fonction des contextes, présenter un affichage alternatif. Nous parlons généralement de trois propositions d’affichage,...