Outils de productivité #03
Wappalyzer
Il sert à quoi ?
- afficher les différentes technologies utilisées sur un site (ex : google analytics, mixpanel, wordpress, backbone.js, react, php 7.x.x, Google Font API, etc …).
- les technologies ainsi trouvées sont :
- Accounting
- Advertising networks
- Analytics
- Blogs
- Build CI Systems
- En savoir +
Comment cela fonctionne ?
Vous installer l’extension sur « Google Chrome ».
Puis vous cliquez une fois sur l’icône des l’extensions, et un tooltip apparaît affichant l’ensemble des technologies trouvés sur le site.
Je le trouve où ?
VisBug
Il sert à quoi ?
- extension intéressante pour un intégrateur.
- utiliser des outils pour visualiser rapidement (en drag & drop et raccourci clavier) :
- les class, id d’éléments.
- les attributs appliqués sur un élément (font-size, color, taille de l’élément, …).
- accessibilité.
- déplacer des éléments en drag & drop.
- ajouter du margin, padding.
- flexbox align.
- ajuster avec un raccourci clavier le brightness, saturation, hue, opacity, shadow.
- ajuster la taille de la font, l’interligne, etc …
- changer le rédactionnel
- bref un outil pratique pour une personne ne souhaitant / pouvant pas utiliser l’inspecteur d’élément, et désirant changer l’apparence d’une page.
- ex : pour un fix à réaliser sur une page d’un site web, solution saas, etc … Vous réalisez l’ajustement rapidement sur la page, puis envoyer la demande de correctif à votre intégrateur / développeur, pour ajustement.
Comment cela fonctionne ?
Vous installer l’extension sur « Google Chrome ».
Puis vous cliquez une fois sur l’icône des l’extensions, et une barre latérale gauche apparaît. Elle vous permet d’utiliser les différents outils sur la page dans activer les actions (soumission form, lien, etc …).
Je le trouve où ?
GitHub (avec extension « google chrome » et « Firefox »).
Fake photo / image
Il sert à quoi ?
- Générer de fausses photos de portrait réaliste.
Comment cela fonctionne ?
Vous aller sur le site thispersondoesnotexist.com, puis lors de chaque rafraîchissement un nouveau portrait est affiché.
Je le trouve où ?
https://thispersondoesnotexist.com
https://thispersondoesnotexist.com/train/
