Comment définir un site Web comme fond d’écran sur macOS
Aujourd’hui, nous allons voir comment configurer un la toile comme un Contexte de bureau au macOS en utilisant une application open source appelée Plash avec laquelle nous pourrons créer nos fonds d’une manière incroyable.
L’application dispose d’un grand nombre de fonctionnalités qui parviennent à afficher bien plus qu’un simple HTML statique sur notre bureau. Nous avons même la possibilité d’ajouter du CSS et du JavaScript de manière personnalisée au site Web pour pouvoir interagir avec celui-ci, nous pouvons même recharger automatiquement une zone spécifique du site, entre autres.
Ce que nous devons garder à l’esprit, c’est que la dernière version de Plash nécessite que nous ayons macOS 11.3 (Big Sur) ou une version ultérieure. Nous pouvons installer une ancienne version qui fonctionne en 10.15 bien qu’elle n’ait pas toutes les fonctions.
Si vous devez installer une version précédente, nous devrons la télécharger et ouvrir le fichier .zip, le faire glisser dans le dossier des applications et l’ouvrir à partir de cet endroit. Si tel est votre cas, alors les deux premiers points du guide ne vous seront pas utiles. Cependant, mis à part ces premiers points, le reste est le même pour tous les cas.
Comment définir une page Web comme arrière-plan du bureau sur macOS
La première chose que nous devrons faire est de télécharger Plash depuis l’App Store et de cliquer sur le bouton Obtenir pour lancer le processus de téléchargement et d’installation.
Une fois le processus terminé, nous devrons cliquer sur “Ouvrir”.
Nous pourrons voir un écran “Bienvenue”, ici nous devrons simplement cliquer sur continuer.
Nous allons directement utiliser Plash. Pour cela, nous devrons cliquer sur l’icône de l’application dans la barre de menu, ladite icône ressemble à une goutte éclaboussée. Un nouveau menu s’affiche et nous devrons sélectionner “Ajouter un site Web”.
Pour tester l’application, nous allons ajouter un site web comme https://www.window-swap.com/Window nous devrons ajouter ladite URL dans l’espace ci-dessus et en bas nous devrons lui attribuer un nom descriptif.
De cette façon, le l’arrière-plan du bureau sera converti en une vidéo à la hausse que vous verrez à travers la fenêtre de quelqu’un.
Un panneau de site Web peut apparaître la première fois que j’ajoute un site à Plash. Pour l’instant nous l’ignorerons, plus tard nous traiterons de celui-ci.
Maintenant, nous allons cliquer à nouveau sur l’icône Plash qui se trouve dans la barre de menu et nous sélectionnerons à nouveau “Ajouter un site Web”.
Cette fois, nous allons ajouter une autre adresse et ce sera https://bing-photo-of-the-day.netlify.app, si nous appuyons sur la touche de tabulation, le nom devrait être complété automatiquement. Nous cliquons donc simplement sur « Accepter ».
De cette façon, le fond d’écran deviendra la photo Bing du jour.
Nous avons déjà ajouté deux sites à Plash, cela signifie que nous pouvons les échanger depuis la barre de menu. Nous cliquons sur l’icône de l’application et sélectionnons “Modifier” et nous verrons les deux sites que nous avons récemment ajoutés.
Mais Plash ne reste pas uniquement sur ce que nous avons vu un peu plus haut, il possède plusieurs fonctionnalités extrêmement intéressantes qui nous permettent d’ajouter des fonctions utiles. Nous allons donc cliquer à nouveau sur l’icône dans la barre de menu pour ajouter un nouveau site, dans ce cas il s’agira de Google Agenda : https://calendar.google.com et nous cliquons sur “Accepter”.
Le bureau basculera vers la page de connexion de Google Agenda, mais ne vous inquiétez pas, nous pouvons résoudre ce problème en quelques secondes.
L’application nous donne également la possibilité d’interagir avec le fond. Ensuite, il suffit de cliquer sur l’icône Plash dans la barre de menu et de sélectionner « Mode de navigation ».
Un message contextuel apparaîtra où l’on nous expliquera comment fonctionne le mode de navigation, nous cliquons simplement sur “OK” et c’est tout.
Nous pouvons maintenant cliquer sur le champ e-mail et nous connecter comme nous le ferions à partir du navigateur Web.
Désormais sur le site de Google Agenda s’affichera comme fond d’écran sur macOS.
Le problème, c’est que ça n’a pas vraiment l’air génial, ça a l’air en fait assez ennuyeux. C’est ici que nous allons profiter des fonctionnalités de Plash. Nous pouvons profiter d’un code que le même auteur a fourni pour rendre Google Agenda incroyable, nous pourrons le mélanger avec l’arrière-plan normal du bureau.
Ici, nous allons devoir ouvrir la fenêtre du site Web que nous avons vue au début, nous venons d’ajouter le premier site. Nous devrons cliquer sur l’icône Plash dans la barre de menu puis nous irons dans “Sites Web”. Nous maintenons la touche de contrôle enfoncée puis nous cliquons sur Google Agenda, nous choisissons “Modifier”.
Ce que nous devrons faire, c’est cocher la case en bas qui dit “Utiliser les styles d’impression” et nous pourrons copier et coller le code que vous verrez un peu plus bas.
*
background-color : transparent ! important ;
couleur : blanc ! important ;
.QQYuzf,
.gboEAb,
header.NkK3Fc,
.Hrn1mc
affichage : aucun ! important ;
[role=»grid»] *border-color : rgba (255, 255, 255, 0.3) !
.tNDBE : non (.Wyo4Qe),
.SGWAac,
.QIadxc : dernier-enfant
bordure : aucune ! important ;
[data-chips-dialog]background-color : rgba (0 0 0/80%) !
Ensuite, nous devrons simplement cliquer sur “Terminé” et maintenant nous pouvons voir Google Agenda comme fond d’écran dans macOS d’une manière incroyable.
Si nous laissons le mode de navigation activé, nous pourrons continuer à interagir avec le calendrier de la même manière que nous le ferions dans le navigateur Web.
Evidemment cela peut devenir un peu embêtant, au cas où vous voudriez le désactiver, nous allons simplement cliquer sur l’icône Plash puis cliquer sur « Mode navigation ».
Pour finir, nous avons également la possibilité de sélectionner “Préférences” pour modifier d’autres options que vous jugez appropriées.
Partage-le avec tes amis!