Start-slow : page de démarrage pour navigateur
Posté le 12/06/2018
Il y a quelques mois, j'étais tombé sur l'excellente extension Tabliss.
Le principe ? Modifier la page d'accueil et de nouvel onglet de votre Firefox préféré, avec en gros une jolie image issue de l'excellent site Unsplash, et quelques trucs annexes genre champ de recherche, heure, message d'accueil selon l'heure.
Toutefois, j'aime bien réinventer la roue et surtout me "réapproprier" ce que j'aime.
Voici donc Start-slow. Le truc est autant exceptionnel que son nom est orignal. C'est pour dire.
L'habituel listing de fonctionnalités :
- simple à poser chez soi, en mode "tu prends, tu balances, ça fonctionne"
- affichage dynamique de l'heure courante
- message d'accueil selon l'heure
- image de fond issue de Unsplash
- météo déterminée par ville
- champ de recherche principal (pointant vers http://encrypted.google.com/ par défaut)
- raccourcis pour pointer sur d'autres espaces de recherche (des explications par ici)
- possibilité d'épingler des liens pour les avoir sous la main (stockage côté client via localStorage)
- pseudo responsive
- et quelques commandes à la con
Comme tout le monde n'habite pas Paris ou n'a pas les mêmes habitudes de navigation, la majorité des éléments fonctionnels sont personnalisables, en éditant le contenu du fichier config.json
:
unsplashCollectionID
: identifiant de la collection Unsplash ciblée pour les images de fonddefaultWeatherLocation
: ville ciblée pour déterminer la recherche météodefaultSearchBaseURL
: URL du moteur de recherche par défautcommands
: permet de modifier les moteurs de recherche et leurs commandes de raccourcismessages
: permet de définir les messages qui s'afficheront selon une plage horaire précise (heure min et heure max)
Version classique
Version mobile
Pour le reste, tout est précisé dans le fichier README du projet.
Les sources (HTML, CSS, JS) sont passées à la moulinette par l'intermédiaire de Gulp, dont les dépendances NPM sont précisées dans le fichier package.json
. Donc en somme, les sources non minifiées pour bidouillage sont présentes dans le répertoire src
, les sources minifiées pour utilisation sont dans le répertoire dist
.
Sources : Start-slow
Démo : Instance de Start-Slow sur Green Effect
(Photo by Annie Spratt)