Bookmarklet Motifs subtils : prévisualisez les motifs d'arrière-plan sur votre site Web

De nos jours, les images d'arrière-plan, les couleurs ou les motifs sont importants non seulement dans les sites Web basés sur la conception, mais également dans les blogs ou les sites Web courants. Cependant, il y a un autre fait triste qu'il n'est pas très facile de trouver des motifs d'arrière-plan qui conviennent au contenu de premier plan de votre site Web. Cela devient plus fastidieux lorsque vous devez vérifier si un motif convient ou non, car vous devrez effectuer un travail de code pour changer le motif d'arrière-plan à chaque fois.

Dans cette situation, vous pouvez utiliser un bookmarklet, qui vous aidera à trouver et à tester le motif d'arrière-plan le plus approprié pour votre site Web. Voyons maintenant cet outil génial. Cet outil, acquis par Toptal, est assez impressionnant et certainement utile pour tous les concepteurs de sites Web.

bookmarklet

Avant de vous lancer dans le contenu réel, laissez-nous vous présenter le bookmarklet. Bookmarklet est un ensemble de signets, qui peuvent remplir des fonctions autres que simplement vous diriger vers une page spécifique. Dans le cas de Subtle Patterns, ce bookmarklet ouvre en fait un petit widget sur l'écran du navigateur pour ajuster les paramètres d'arrière-plan de la page sans lecture de code.

Motifs subtils et marque-page

Comme dit précédemment, Subtle Patterns possède une énorme collection de motifs d'arrière-plan. Les utilisateurs, très probablement des concepteurs de sites Web, peuvent télécharger ces motifs de fond et les utiliser selon leurs souhaits. Chaque téléchargement comprendra des motifs de fond de haute qualité dans différentes tailles. Par rapport à votre longue recherche de motifs d'arrière-plan, l'utilisation de ce site Web est utile et il semble que le site Web possède également une très bonne collection. Le site Web peut également prévisualiser les motifs d'arrière-plan spécifiques afin que vous puissiez obtenir une vue large avant de télécharger.

Brad Jasper est l'homme derrière le Bookmarklet et il est disponible GRATUITEMENT. À l'aide de cet outil, vous pouvez facilement trouver des motifs d'arrière-plan correspondants pour votre site Web et les voir en direct sur votre site Web sans aucun élément de codage, ce qui est facile pour les concepteurs. Nous pouvons maintenant voir comment utiliser cet outil.

Comment utiliser le signet de motifs subtils ?

Tout d'abord, vous devez aller à Site Web de Brad Jasper pour obtenir le bookmarklet mentionné.

Faites ensuite glisser ce bouton de couleur verte vers votre barre de favoris, comme indiqué sur le site Web. Vous avez terminé avec les trucs d'installation. Ensuite, vous pouvez commencer à jouer avec des motifs de fond. Si vous souhaitez modifier les motifs d'arrière-plan d'un site Web mais que vous souhaitez le voir en direct avant de postuler, vous pouvez utiliser Subtle Patterns Bookmarklet. Il suffit d'aller sur le site Web (disons Google.com) et cliquez sur le signet que vous avez ajouté dans votre barre de signets.

Un petit widget comme indiqué ci-dessus apparaîtra à l'écran avec un menu d'options déroulant. Vous pouvez sélectionner différents motifs d'arrière-plan dans le menu et le site aura le motif sélectionné en quelques secondes seulement. Voir nous avons sélectionné différents motifs d'arrière-plan pour Google à l'aide de ce widget.

S'il existe différentes options dans une catégorie, vous pouvez bien l'utiliser. Par exemple, dans la première image, vous pouvez voir le widget affichant 1/329, ce qui signifie qu'il y a 329 variétés dans cette catégorie. Vous pouvez voir différentes images en appuyant sur les flèches à l'écran ou sur la touche fléchée de votre clavier elle-même.

Chaque fois que vous trouvez le motif d'arrière-plan le plus approprié pour votre blog, cliquez simplement sur le nom du motif sur le bookmarklet. Il ira sur le site Web Subtle Patterns, téléchargera ce motif d'arrière-plan spécifique et l'utilisera dans votre site Web / blog.

Signet de motifs subtils : autres caractéristiques notables

Outre la simple modification du motif d'arrière-plan complet, cet outil vous permet également de modifier le motif d'arrière-plan d'une zone spécifique, par exemple l'en-tête. Pour ce faire, vous devez appuyer sur le bouton des paramètres dans le widget et sélectionner la zone que vous souhaitez voir affectée.

Dans ce cas, nous avons sélectionné la partie supérieure et sélectionné le motif de fond. Comme vous pouvez le voir, il y a un changement notable entre les divisions. Cette fonctionnalité rend l'outil plus utile car vous devrez appliquer plusieurs modèles pour plusieurs régions d'une page Web.

Vous pouvez utiliser ce widget sur n'importe quel site Web et voir la magie des images d'arrière-plan. Supposons que si vous avez un site Web et que vous ne savez pas quel motif d'arrière-plan choisir, ce bookmarklet Subtle Patterns vous aidera certainement à le réparer.

Nous dirions sûrement que Subtle Patterns Bookmarklet est un outil nécessaire pour chaque concepteur de sites Web et qu'il est assez simple à utiliser. Quelle est votre opinion sur cet outil ? Partagez-le via les commentaires.