Tutoriels

Comment ajouter des quadrillages personnalisés à n’importe quel site Web dans Chrome

Apple est peut-être en train de s’effondrer en termes de conception matérielle et logicielle, mais à son apogée, cela nous a appris à quel point quelque chose est beau s’il est correctement aligné. Le fait est que lorsque les choses s’harmonisent parfaitement, elles ont une meilleure apparence et cela est vrai pour la conception industrielle et la conception Web. 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. C’est assez facile à bricoler; tout ce que vous avez à faire est d’ouvrir la console de développement Web que tous les principaux navigateurs Web ont et d’ajouter un remplissage, de changer la couleur du texte, etc. Une chose 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.

  À quel point devriez-vous être inquiet?

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’elles.

La zone 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 numéro 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.

  Désactiver l'accès à Siri à partir du bouton d'accueil le désactive complètement dans iOS 10.2

baseliner

Les ceintures sont ajoutées 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 de la couleur de la grille et le rembourrage en haut rendent l’extension d’autant plus intelligente. Nous souhaitons seulement qu’il supporte également les lignes verticales.

Installez Baseliner à partir du Chrome Web Store

  Comment supprimer un système d'exploitation du menu de démarrage sous Windows 10