Bien que certains puissent critiquer Apple pour des choix récents en matière de design, il est indéniable que l’entreprise a démontré l’impact de l’alignement précis sur l’esthétique. Une harmonisation parfaite des éléments améliore l’apparence, une règle valable tant pour la conception industrielle que pour le design web. Les maquettes de sites web sont souvent conçues dans Photoshop, mais les ajustements en direct dans le navigateur sont fréquents. Grâce aux consoles de développement intégrées, il est aisé de modifier les marges, les couleurs de texte, etc. Toutefois, ces outils manquent souvent d’une fonctionnalité d’alignement visuel. C’est là que Baseliner intervient, une extension pour Chrome qui ajoute des repères horizontaux personnalisables à l’écran, idéale pour affiner l’alignement de vos designs web. Vous avez la liberté de définir l’espacement et la couleur de ces lignes, ainsi qu’une marge supérieure pour un ajustement précis.
Après l’installation de Baseliner, un bouton « B » apparaît à côté de la barre d’adresse. Un clic dessus ouvre un menu pour personnaliser la grille.
Par défaut, la marge supérieure est réglée sur 0px, l’espacement entre les lignes sur 12px et les lignes sont grises avec une opacité de 100%. Pour modifier ces valeurs, cliquez simplement dans la case correspondante.
Le sélecteur de couleurs vous permet de choisir la couleur des lignes de la grille. Les valeurs d’espacement, de marge et d’opacité sont modifiables en entrant un nombre ou en utilisant les flèches haut/bas. Une fois les réglages effectués, cliquez sur « Appliquer ».
Les lignes de repère s’affichent uniquement sur la page active. Pour les supprimer, cliquez à nouveau sur le bouton « B » puis sur « Supprimer ».
Baseliner est un outil efficace et pratique. Le contrôle de la couleur des lignes et la possibilité d’ajouter une marge supérieure améliorent son utilité. On pourrait cependant souhaiter la prise en charge des lignes verticales pour une grille plus complète.