• Passer à la navigation principale
  • Passer au contenu principal
  • Passer au pied
Logo TechLila

TechLila

Bord saignant, toujours

  • Accueil
  • À propos
  • Contact
  • Aubaines et offres
Techlila Logo
FacebookTweetLinkedInPin It
Doit installer des applications Android pour les développeurs Web
Suivant

Doit installer des applications Android pour les développeurs Web

Meilleur outil pour les motifs d'arrière-plan

TechLila Conception et développement Web

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

Avatar d'Abhijith N Arjunan Abhijith N Arjunan
Dernière mise à jour le: 8 février 2023

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.

Meilleur outil pour les motifs d'arrière-plan

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é.

Site Web de Brad Jasper

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.

Widget

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.

Démo de motifs subtils 1
Sélection de signet
Démo de motifs subtils 2

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.

Sélection d'arrière-plan spécifique

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.

Divulgation: Le contenu publié sur TechLila est pris en charge par les lecteurs. Nous pouvons recevoir une commission pour les achats effectués via nos liens d'affiliation sans frais supplémentaires pour vous. Lisez notre Avis de non-responsabilité pour en savoir plus sur notre financement, nos politiques éditoriales et les moyens de nous soutenir.

Partager c'est aimer

FacebookTweetLinkedInPin It
Avatar d'Abhijith N Arjunan

Abhijith N Arjunan

Abhijith N Arjunan est un écrivain et blogueur passionné du Kerala, qui trouve une joie ultime en écrivant sur les technologies tendances, les trucs de geek et le développement Web.

Catégories

  • Conception et développement Web

Tags

Revu, Création de site web

Interactions Reader

Ce que nos propriétaires en disent

  1. Matt Allen

    Cela aide tellement !! C'est si facile et gratuit. C'est parfait pour les espaces de mon site Web dont je ne sais pas quoi faire, une si grande variété également. Merci encore.

    Répondre
  2. Juuhhii Agrawal

    Je connais ce widget depuis longtemps…….
    Je dois dire que vous avez clairement capturé l'essence de ce widget……
    Nous pouvons facilement choisir parmi un certain nombre de motifs d'arrière-plan et nous pouvons rendre nos sites Web encore plus vivants…..
    Vraiment sympa post…….Merci pour le partage………….

    Répondre
  3. Lalit Sharma

    Très sympa, j'aime votre travail, je vais appliquer ce bagout sur mon blog tech Elkees Medua

    Répondre

Ajoutez votre commentaire Annuler la réponse

Votre adresse email n'apparaitra pas. Les champs obligatoires sont marqués *

Pied de page Logo Logo de texte de pied de page

Pied de page

À propos

Bonjour et bienvenue sur TechLila, le célèbre blog technologique où vous pouvez trouver des articles ingénieux pour maîtriser les bases et au-delà.

Chez TechLila, notre objectif principal est de fournir des informations uniques, telles que des trucs et astuces de qualité, des tutoriels, des guides pratiques sur Windows, Macintosh, Linux, Android, iPhone, Sécurité et quelques sous-thèmes divers tels que des critiques.

Liens

  • À propos
  • Contactez-Nous
  • Dénégation de responsabilité
  • Politique de Confidentialité
  • Conditions

Suivez la météo en direct

Thème personnalisé utilisant Genesis Framework

Hébergement cloud par Cloudways

Langue

© Droits d'auteur 2012-2023 TechLila. Tous les droits sont réservés.

x
x