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

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

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/

En savoir +

Michael

Développeur / intégrateur, travaillant en agence web depuis 2005, je viens à présent vous proposer de venir découvrir mes créations personnelles de plugins / themes pour le CMS Wordpress & Prestashop, quelques solutions en mode SAAS & un peu d'actualité web ( / Twitter).

Vous aimerez aussi...