40 extensions de Google Chrome utiles aux concepteurs Web

J'adore Google Chrome. Sa simplicité, sa rapidité et ses performances sont sans aucun doute de premier ordre. Mais parfois, être trop simple est également un problème, en particulier pour nous, concepteurs Web, qui comptons beaucoup sur les addons de Firefox, tels que Web Developer. Je suis parti de Chrome, oui, juste parce qu'il n'y avait pas d'addon en 2008.

Mais maintenant, tout change encore. Il n’est pas surprenant que d’autres geeks aient le même amour pour Chrome et ils ont décidé de créer Chrome Extension, qui a une fonction similaire à Firefox Addon. J'ai creusé dans ces extensions et j'étais très satisfait d'eux, donc j'ai décidé de prendre 40 extensions, ce qui est extrêmement utile pour les concepteurs Web et partager avec vous les gars.

Les voici donc pour vous: optimisez votre Chrome et augmentez votre productivité.

Couleur

Pipette à couleurs

Tout comme son nom, ColorPicker est une extension pratique créée principalement pour sélectionner et obtenir la valeur des couleurs de n’importe où sur la page Web. De plus, vous pouvez choisir une zone, puis cliquer sur la palette de couleurs pour voir comment la couleur de la zone change sans toucher de code..

Palette Chrome

Vous avez mal à la tête lorsque vous trouvez un jeu de couleurs à partir d’une image? La palette Chrome résout efficacement votre problème en créant jusqu'à 64 palettes de couleurs à partir de l'image du site Web pour répondre à vos besoins en matière de conception ou d'inspiration..

Couleur Tweaker

Color Tweaker peut modifier la couleur du site Web comme le fait le sélecteur de couleurs, mais avec une méthode plus spécifique. Il suffit de saisir le sélecteur CSS sur cette extension, puis d'ajuster à votre guise la couleur du texte, de l'arrière-plan et de la bordure.

Typographie

Éditeur de polices

Finies les devinettes et les changements de programme fastidieux, l'éditeur de polices vous permet de modifier et d'observer les paramètres de police tels que la taille, la hauteur de ligne et les variantes vivantes.

Google Font Previewer

Comme indiqué dans son nom, cette extension vous permet de prévisualiser une police à partir du répertoire de polices Google avec des options de style de texte, telles que la taille, le style, l’épaisseur et les ombres. Si vous êtes satisfait d'une police en particulier, vous pouvez copier et coller le lien et le code CSS fourni dans l'extension du code de votre site Web pour utiliser la police..

Développement

Développeur web

Probablement l'extension indispensable pour le concepteur et le développeur Web. Du script de visualisation à l'affichage des informations sur les objets, Web Developer vise à fournir toutes les informations dont vous avez besoin à partir d'un site Web existant. L'extension est également dotée d'outils utiles tels que le sélecteur de couleur, le redimensionneur de fenêtre, le validateur, etc..

Pendule

Outil de développement léger et pratique, similaire au développeur Web, mais uniquement doté des outils nécessaires tels que la visionneuse de styles, la visionneuse de sources et le validateur..

Firebug Lite

Contrairement à Firefox, Firebug Lite offre une représentation visuelle similaire à celle de Firefox en ce qui concerne les éléments HTML, les éléments DOM et le partage de modèle de boîte. Il est également livré avec la possibilité d'inspecter des éléments HTML avec votre souris, et vous pouvez modifier les propriétés CSS avec cette extension animée..

Stylebot

Stylebot vous offre la possibilité de styler n'importe quel site Web directement sans toucher au code CSS, ce qui vous évite beaucoup de travail de frappe. La meilleure caractéristique de cette extension est probablement sa capacité à générer du code CSS pour votre utilisation chaque fois que vous modifiez le site Web..

CSSViewer

Fatigué d'insister sur «Inspecter l'élément» chaque fois que vous souhaitez savoir quel style CSS est appliqué à un élément en particulier? CSS Viewer vous aide en affichant des informations essentielles telles que la police, la couleur et le positionnement de l'élément animé.

Stylesheet Reloader

Recharge la feuille de style CSS sans actualiser le site Web en entier, ce qui permet de gagner beaucoup de temps, en particulier pour les concepteurs disposant d'une connexion Internet lente..

BuiltWith Technology Profiler

La partie la plus intéressante de cette extension est la liste de toutes les technologies Web mises en œuvre, telles que les frameworks et les standards Web, avec des informations très détaillées..

IE Tab Multi

Reconnu comme étant le plus similaire à Internet Explorer original, IE Tab Multi est votre Internet Explorer dans Chrome qui prend en charge de nombreuses fonctionnalités par défaut d'IE, telles que la tabulation multiple..

Fenêtre Resizer

Avec Window Resizer, vous pouvez tester la compatibilité de la résolution d'écran de votre site Web avec des résolutions d'écran standard ou définies par l'utilisateur..

Validateur HTML

Une des meilleures extensions de validateur capable de valider le code HTML d'une page Web en ligne ou localhost en mode automatique ou manuel. Vous pouvez également choisir d'afficher le résultat de la validation dans la page Web ou de le visualiser dans un nouvel onglet..

Vue

Avec divers thèmes et options de police, Sight met en évidence le code source du site Web dans un format plus confortable visuellement.

Console PHP

Être bogué par des erreurs PHP mais vous ne savez pas quoi et où c'est? La console PHP vous aide en affichant les erreurs, les exceptions et les messages de débogage dans le formulaire de notification.

Recherche API JavaScript

JavaScript API Search ajoute la prise en charge de Chrome Omnibox, également appelée barre d’adresse, permettant de rechercher des fonctions JavaScript en ligne avec la fonctionnalité de saisie semi-automatique. Si l'extension ne trouve pas la fonction que vous recherchez, elle vous suggérera également des recherches connexes à partir de Google Recherche de codes, Recherche de codes et de développement et Recherche sur le réseau de développeurs Mozilla..

Recherche API jQuery

Alors que jQuery s'est avéré être la principale bibliothèque Javascript améliorant l'expérience utilisateur, la recherche d'api jQuery vous permet de rechercher à travers l'API jQuery de Chrome Omnibox. Il suffit de taper 'jq' suivi d'un espace dans l'omnibox, alors vous êtes en déplacement.

Recherche PHP

Semblable à jQuery API Search, cette extension ajoute à votre Chrome Omnibox une prise en charge de la recherche de code PHP pour votre utilisation de référence..

Productivité

Reste concentrée

Vous avez juré de vous tenir loin du site Web qui vous fait perdre du temps, mais vous ne l'avez jamais fait avec succès? Stay Focused agit en tant que votre superviseur virtuel qui bloque les sites Web inutiles pendant un certain temps et vous conseille sérieusement lorsque vous essayez de débloquer ou de réduire le temps de blocage du site. Il est également doté de fonctions cruciales telles que l'option nucléaire et le mode défi qui tue votre temps gaspillant de manière impitoyable.

PopChrom

Avec PopChrom, vous pouvez définir vos propres raccourcis pour les expressions de texte, telles que "ty" pour "merci". La clé d'activation est nécessaire pour transformer l'abréviation en phrases de texte définies. Choisissez donc une combinaison de touches qui ne se bloque pas avec une autre touche de raccourci..

Kit de productivité Quickrr

Le kit de productivité Quickrr vous fournit un ensemble d’outils simples mais utiles tels que le traducteur, la calculatrice, les tâches à effectuer, le convertisseur d’unités, etc..

Todoist

Avec un compte facile à configurer, vous pouvez accéder à ce gestionnaire de tâches pour noter et éditer toutes les tâches que vous devez effectuer. La meilleure partie de cette extension est que vos tâches sont stockées en ligne afin que vous puissiez accéder à l'enregistrement de tâche sur chaque Chrome avec cette extension installée..

Ananke Timer

Suivez votre temps passé sur certaines tâches ou enregistrez le temps que vous avez passé sur un site Web en particulier. Ananke timer prend également en charge le suivi de plusieurs heures et vous permet de parcourir ce que vous avez suivi dans le passé..

Boîte à outils Chrome

Créé par Google, Chrome Toolbox propose des fonctionnalités personnalisées telles que la modification du comportement des onglets, la restauration des données de formulaire et la création de raccourcis, qui permettent de lancer des liens prédéfinis à partir du dossier des signets..

Page Chrome étendue

Personne n'aime cliquer plus pour accéder à certaines pages. Chrome Page Extended est le raccourci le plus rapide pour accéder à toutes les pages Chrome nécessaires, comme les extensions..

AppJump

Avec AppJump, vous pouvez organiser et lancer rapidement l'application Chrome à partir de la barre d'outils du navigateur..

Marque-page Switcher

Trop de signets et n'a pas réussi à les organiser efficacement? Boorkmark Bar Switcher vous permet de créer une nouvelle barre de signets et de basculer facilement entre eux..

TabCloud

Enregistrez vos sessions Windows et restaurez-les plus tard sur n'importe quel ordinateur avec TabCloud, ce qui vous fait gagner beaucoup de temps lorsque vous rouvrez différents sites Web à partir de différentes parties du dossier des signets..

Le ressourcement

Pages similaires

Développé par Google, le moteur de recherche, Pages similaires recherche sur le Web du contenu Web similaire que vous lisez et que vous souhaitez découvrir plus.

Recherche universelle

Les ressources ou les références sont plus faciles avec Universal Search, qui vous propose un champ de recherche avec une option de recherche sur Wikipedia, Bing et d'autres moteurs de recherche. Le champ de recherche apparaît également lorsque vous mettez en surbrillance un texte du site Web que vous consultez actuellement..

Capture d'écran impressionnante

Une extension de capture d'écran totalement géniale qui capture n'importe quelle partie du site Web et l'annote avec des rectangles, des cercles, des flèches, des lignes et du texte. Vous pouvez ensuite exporter la capture d'écran au format de fichier PNG vers votre ordinateur ou votre site Web..

Clip sur Evernote

Extension officielle par Evernote pour capturer et noter votre découverte sur le Web, puis la télécharger sur Evernote. L'extension prend également en charge la fonctionnalité de recherche et de synchronisation de votre note enregistrée..

Diigo

Utilisez Diigo pour mettre en évidence, annoter ou publier des notes autocollantes sur la page Web, de manière privée ou publique, afin de pouvoir les visualiser à tout moment lorsque vous accédez à la page Web..

Pensoire

Pensez à Thinkery comme à votre cerveau en ligne, puis enregistrez votre adresse de lien et votre sélection de texte afin de les consulter ultérieurement..

mes notes

Prendre des notes devrait être un processus facile, et c’est possible avec myNotes qui vous permet de marquer du texte sélectionné en un seul clic dans le menu contextuel..

Microstock Photo Power Search

Probablement la seule extension de recherche pour laquelle vous puissiez rechercher des photos de haute qualité provenant d’agences célèbres telles que Fotolia, Dreamstime et Shutterstock..

Réflexion

Alors que les extensions et les applications de Chrome continuent de s’épanouir et d’évoluer sans cesse, il est possible que de plus en plus d’amoureux de Firefox adoptent Google Chrome comme navigateur Web par défaut. Cela dit, allez-vous vous tourner vers Google Chrome avec son nombre actuel d'extensions et d'applications? Quelle est l'extension, l'application ou la fonctionnalité qui vous motivera à passer à Google Chrome??

Partagez également avec nous si vous avez une belle extension dans votre Chrome, il y a toujours un espace pour un excellent outil!