Qu’est ce que Sass – Introduction et présentation
Qu’est-ce qu’un préprocesseur et ce qu’est Sass? Cet article présente les concepts de base et définis ce qu’on peut attendre d’une telle technologie.
Étiqueté : CSS
Comprendre et utiliser Sass
Cette série ne couvre pas la syntaxe de Sass, mais examine comment utiliser Sass et des concepts qui nous permettent d’exploiter au mieux les possibilités offertes par Sass.
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...
Pré/Post-Processeur et autres outils
Comme nous pouvons le voir dans l’article Les automatiseurs de tâches il existe un grand nombre d’outils nous permettant d’automatiser un certain nombre de processus inhérents au développement de site et applications web. 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...
Utilisation de base des sprites CSS
On utilise souvent Javascript pour précharger les images d’une page web ou bien gérer l’apparence de survol, d’état, de certains éléments. Cependant, bien que cette approche soit très efficace et qu’elle ait longuement été...
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...
Responsive Web Design, mais encore ?
Il est loin le temps où les sites web n’étaient constitués que de pages statiques. Le contenu ne se rafraîchissait pas, et surtout, restait positionné au même endroit, le plus souvent cloué au décor,...
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...
Aborder les CSS3
Certains vont bon train et créent leurs sites à pleines poignées de déclarations CSS3. D’autres, beaucoup plus frileux, craignent la non portabilité de leurs visuels sur les différents navigateurs rencontrés. Qu’en est-il réellement ?...
Mise en page en s’appuyant sur les grilles
En attendant la prise en compte plus forte du Grid Layout Module, pouvant se baser sur les régions, employant ou non des shapes ou encore tout autres affichages se basant sur une grille standard,...
Prendre en main les CSS
Prendre en main les styles CSS c’est surtout, et avant tout, s’assurer d’avoir une bonne base HTML sur laquelle venir les appliquer. Ensuite, et avant de directement entrer tête baissée dans les couches purement...
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...