Outils de productivité #03

Michael

il y a 5 ans

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ù ?

wappalyzer

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 …).