Comment ajouter des grilles personnalisées à n'importe quel site Web dans Chrome

Apple pourrait se désagréger en termes de conception matérielle et logicielle, mais à son apogée, il nous a appris à quoi ressemble quelque chose s'il est correctement aligné. Le fait est que lorsque les choses s'alignent parfaitement, elles sont plus belles, et cela vaut pour le design industriel et le web design. Les conceptions de sites Web sont généralement créées dans Photoshop, mais cela ne veut pas dire que les concepteurs et les développeurs ne bricolent pas l'apparence d'un site Web dans leur navigateur. Il est assez facile de bricoler; tout ce que vous avez à faire est d'ouvrir la console de développement Web que tous les principaux navigateurs Web ont et ajouter un remplissage, changer la couleur du texte, etc. Une chose qui manque à toutes ces consoles, c'est un outil d'alignement. Si Chrome est votre navigateur préféré pour le développement, Baseliner est une extension que vous devez essayer. Il ajoute une série de lignes horizontales à votre écran. Vous avez toute liberté pour définir l'espacement entre ces lignes ainsi que leur couleur. En outre, l'outil vous permet d'ajouter un remplissage personnalisé en haut d'une page avant le quadrillage.

Installez Baseliner et cliquez sur le bouton B qu'il ajoute à côté de la barre d'adresse. Un menu s'ouvrira avec des options pour personnaliser votre grille.

Par défaut, le remplissage supérieur est défini sur 0px, l'espacement entre les lignes est défini sur 12px et les lignes sont de couleur grise avec une opacité définie sur 100%. Pour modifier l'une de ces valeurs, cliquez à l'intérieur de la case à côté d'eux.

La boîte de couleur vous donne un sélecteur de couleur standard pour changer la couleur des lignes de la grille. Les valeurs d'espacement, de remplissage et d'opacité peuvent être modifiées en entrant un nombre personnalisé pour chaque paramètre. Vous pouvez également utiliser les flèches haut / bas pour augmenter ou diminuer la valeur. Une fois que vous avez personnalisé la grille, cliquez sur "Appliquer" en bas.

Les girdlines sont ajoutés uniquement à la page actuelle et non à toutes les pages que vous avez ouvertes dans votre navigateur. Pour supprimer les lignes une fois que vous avez terminé, cliquez simplement à nouveau sur le bouton B et cliquez sur le bouton «Supprimer» en bas.

Baseliner fonctionne parfaitement. Le contrôle des couleurs pour la grille et le rembourrage en haut rendent l'extension encore plus intelligente. Nous souhaitons seulement qu'il prenne également en charge les lignes verticales.

Installer Baseliner à partir du Chrome Web Store