Partage
  • Partager sur Facebook
  • Partager sur Twitter

[Extension navigateur] - YourBackgroundEverywhere

    12 octobre 2023 à 17:47:24

    Bonjour tout le monde !

    YourBackgroundEverywhere permet de changer le fond de n'importe* quel site web, j'ai codé cet extension pour permettre à tout le monde de surfer sur le net avec une touche d'originalité.

    *Comme toujours, il y'a un petit "mais", dans les faits, elle marche sur ~90% des sites, avec le temps, j'essayerais d'améliorer ce pourcentage.

    Genèse du projet

    Il y'a quelque mois, un ami m'a fait un partage d'écran, et ça m'as tout de suite sauté aux yeux qu'il avait personnalisé un peu partout ses appareils, PC ou téléphone:

    L'image d'arrière plan de son clavier virtuel, sa messagerie, ... ect Et même son curseur de souris !

    Alors j'ai eu l'idée de pousser le raisonnement encore plus loin.

    Comment ça marche ?

    Après avoir télécharger l'extension (Malheureusement disponible que sur Github et pas le chrome store), et changer  le fond de base, il suffit de naviguer !

    Sur le plan technique, le programme vas d'abord chercher l'élément HTML le plus "important" (<main>, element avec l'attribut role="main", par exemple), rajouter un élément <img> et rendre les fonds de ses parents transparents, ça évite que l'image soit caché par un élément avec la propriété CSS `background`.

    Foire Aux Questions

    Q: Pourquoi l'extension n'est pas téléchargeable sur le Chrome Store ?

    - Pour publier une extension sur le Chrome Store, il faut avoir un compte développeur Google à 5$, et en cet période de crise, 5$ c'est de l'or :p

    Q: Les vidéos sont elles supportées en fond ?

    - Non, seulement les images.

    Q: Quelles sont les prochaines fonctionnalités ?

    - Je pense rajouter la possibilité d'avoir un fond différent à chaque page, ou des animations / filtres. Je suis preneur de toute suggestion

    Q: Quelles sont les fonctionnalités actuelles ?

    - Actuellement, l'extension permet d'avoir un unique fond statique sur chaque page, de le désactiver, de changer son opacité, et un mode lecture est proposé

    J'espère que ça vous plaira, merci d'avance pour les retours !

    https://github.com/Otomatyk/YourBackgroundEverywhere/

    Example sur Openclassrooms

    -
    Edité par Otomatyk 12 octobre 2023 à 17:52:40

    • Partager sur Facebook
    • Partager sur Twitter

    [Extension navigateur] - YourBackgroundEverywhere

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown