Bonjour à tous. Je souhaite partager avec vous certaines des extensions pour Chrome que j'utilise lors du développement, de l'analyse de sites, de l'utilisation de GitHub et uniquement dans la vie de tous les jours. Je suis sûr que pour la plupart des lecteurs, la liste de ces extensions ne sera pas une ouverture, mais ceux qui apprennent pour la première fois et les installent apprécieront sans aucun doute de travailler avec de nouveaux outils.
Je pense que cela ne vaut pas la peine de créer un long footcloth avec une description approfondie d'un outil, ils sont assez simples et compréhensibles. Par conséquent, je vais essayer de parler brièvement des avantages de leur utilisation.
Pour travailler avec GitHub
Octotree est, à mon avis, l'extension la plus utile et la plus pratique. Il vous permet de visualiser le code source sous la forme d'une arborescence, qui s'affiche sur le côté gauche de la page. La nouvelle navigation est beaucoup plus pratique que la norme. Octotree sera particulièrement utile si vous travaillez sur un projet à grande échelle avec un grand nombre de répertoires imbriqués.
GitHub Repository Size est un plugin simple et pratique qui affiche à la fois la taille d'un référentiel individuel et la taille de chaque fichier qu'il contient.
OctoLinker est une extension qui permet une navigation rapide dans le code en transformant des éléments de code simples en liens cliquables. Suivre ce lien vous permet de trouver rapidement la source. Selon le langage de programmation, l'extension affiche le fichier source ou emmène l'utilisateur vers un site externe. Les éléments convertis en lien sont marqués de points roses afin que vous puissiez voir immédiatement où se trouve un lien interactif.
GitHub Hovercard fournit un accès instantané aux informations utilisateur, aux référentiels, aux questions et aux commits de n'importe où sur le site Web de GitHub. Survolez simplement les informations.
npmhub Lorsque vous consultez un référentiel sur github.com qui a un fichier
package.json , cette extension analysera les dépendances dans le package et affichera des liens avec une description pour eux juste en dessous du fichier README.
github npm stats affiche les statistiques de téléchargement des packages sur le site NPM, le cas échéant.
Refined Github affiche les brunchs récemment publiés et vous permet également de retravailler les demandes et d'afficher les avatars des utilisateurs qui ont répondu aux commentaires.
Contributions isométriques - cette extension n'est pas aussi utile que les précédentes, mais très intéressante). Il vous permet de basculer entre un tableau de contribution régulier sur GitHub et une version de pixel art isométrique.
Pour travailler avec des sites
Eye Dropper est un excellent outil pour visualiser les couleurs utilisées sur les sites Web et créer vos propres palettes. Je l'utilise presque tous les jours)).
Capture d'écran pleine page . Imaginez que vous ayez développé un palier sur 3 à 5 écrans et que vous ne savez pas comment en faire un plein écran. Appuyez sur l'écran d'impression 5 fois et faites des morceaux dans l'éditeur l'un sous l'autre? Eh bien! FPSC est un excellent outil qui prend une capture d'écran de la page actuelle en quelques secondes. Il est très utile si vous devez vérifier l'optimisation du site sans télécharger de services spéciaux, ainsi que pour capturer entièrement le site que vous avez créé.
WhatFont - avec l'aide de cette extension, vous pouvez facilement savoir quelles polices sont utilisées sur le site en cliquant simplement sur l'extension et en déplaçant le curseur à l'endroit dont vous avez besoin. C'est simple et élégant. Désactivé en appuyant sur le bouton "Esc". Affiche également la couleur du texte, la hauteur, la taille de la police et d'autres paramètres.
PerfectPixel - cette extension vous aidera à développer votre site avec une précision pixel par pixel.
CSS Peeper est un outil d'analyse CSS spécialement conçu pour les concepteurs. Le but de l'extension est de permettre aux concepteurs de se concentrer sur la conception et de passer le moins de temps possible à creuser dans le code. Essayez-le en action et vous comprendrez tout.
Pour le travail quotidien
Google Translator est un autre outil dont presque aucun de mes jours de travail ne peut se passer. Ce n'est pas une page, c'est une extension. Avec lui, vous pouvez traduire rapidement le texte sélectionné directement sur la page sans accéder à la page du traducteur. P.S. ne traduit pas de longs textes, mais cela n'a pas d'importance.
J'ai aussi mis l'informateur SEO, mais c'est un peu idiot). C'est tout pour l'instant. J'espère que cet avis vous sera utile.
(ps si vous avez aimé l'article, mettez un signe plus dans le karma, sinon je ne peux pas voter)
Écrivez dans les commentaires les extensions que vous utilisez (ou existe-t-il une meilleure alternative) lors du développement, de l'analyse de sites ou de l'utilisation de Git?