Ce guide explique comment utiliser CSS Subgrid pour aligner parfaitement des éléments dans des grilles complexes, comme des cartes de tarifs. Le Subgrid permet à un élément enfant d'adopter la grille de son parent, garantissant un alignement dynamique et précis. Le tutoriel détaille la structure HTML, le code CSS nécessaire, et les avantages de cette technique, comme la maintenance simplifiée et les performances optimisées. Un exemple pratique avec des cartes de tarifs est fourni, ainsi que des conseils pour optimiser avec LESS. Le guide recommande de maîtriser les bases de CSS Grid avant de se lancer dans le Subgrid.
Le comic explique que beaucoup de programmes (comme git ou man) utilisent l’outil less pour afficher du texte long, sans toujours le préciser. less permet de naviguer dans un texte page par page : on le reconnaît à son interface plein écran et au deux-points en bas à gauche. Pour en sortir, tapez q ; pour chercher un mot, utilisez /mot puis n ou N pour naviguer entre les résultats. On peut aussi scroller avec les flèches ou la molette, et g ou G pour aller en début/fin de fichier. Enfin, pour éviter less, on peut modifier la variable d’environnement PAGER. Un rappel utile et visuel pour mieux maîtriser le terminal !
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre (via http://blog.stephaniewalter.fr/la-semaine-en-pixels-12-fevrier-2016/ )
Un import par référence (traduction approximative de "Reference Import") permet de n'importer que ce qui est réellement utilisé. Par exemple, si votre fichier importé a 10 fonctions / mixins et que vous n'utilisez que 2 de ces fonctions, l'import par référence en tiendra compte, contrairement à un import classique.
Quelques possibilités de Less
Tout est dans le titre
Un tuto impressionnant : créer une grille responsive avec le minimum de classes CSS...
Tout est dans le titre
Tout est dans le titre, ça peut servir
une collection d'utilitaires pour LESS
Une collection de mixins LESS
Un préprocesseur CSS très connu
Utilisation des mixins avec LESS
Utilisation de LESS pour un développement "front-end" modulaire