Apple pourrait se désagréger en termes de deuxla conception matérielle et logicielle, mais à son apogée, elle nous a appris à quoi ressemble un élément 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 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 rembourrage supérieur est défini sur 0px, lel'espacement entre les lignes est défini sur 12 pixels 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 standardpour 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 ceintures ne sont ajoutées qu'à la page actuelleet pas à 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
commentaires