Build It 11 Brilliant Chrome Extensions Pour les développeurs Web

Chrome a récemment conquis une part de marché de 25% sur le marché des navigateurs Internet, ce qui en fait le deuxième navigateur le plus utilisé au monde derrière Internet Explorer (qui évolue actuellement vers Project Spartan. Project Spartan: un navigateur simplifié et inachevé pour le projet Web moderne Spartan: un navigateur svelte et inachevé pour le Web moderne Spartan reprend le flambeau face à des navigateurs concurrents tels que Chrome et Firefox. Répondra-t-il à l'idéal des soldats spartiates? Nous avons testé cette première version et nous n'avons pas été impressionnés. Lire plus ). En fin de compte, cela signifie que Chrome est le de facto accueil pour les développeurs web.

Même si je suis partial avec Firefox, je peux comprendre pourquoi les gens aiment Chrome. Il a tendance à dominer les tests de performances des navigateurs Browser Wars: Firefox vs Chrome contre Opera, The Definitive Benchmark Navigateurs Wars: Firefox contre Chrome contre Opera, The Definitive Benchmark Si vous ne pouviez choisir qu'un seul navigateur, lequel choisiriez-vous? Quel est le meilleur: Firefox, Chrome ou Opera? Nous allons vous montrer. En savoir plus et aider les habitués à devenir des utilisateurs chevronnés de Chrome Comment devenir un puissant utilisateur de Chrome, première partie - Maîtriser le clavier Comment devenir un puissant utilisateur de Chrome, première partie - Maîtriser le clavier le navigateur de choix pour beaucoup et bien que la majorité de nos navigateurs Web puissent faire des choses assez impressionnantes, Chrome a continué à capturer les utilisateurs puissants,… En savoir plus. D’autres détestent réellement Chrome mais sont coincés à l’utiliser. Je déteste Google Chrome, mais je suis pris au piège. Voici pourquoi je déteste Google Chrome, mais je suis pris au piège. Voici pourquoi Dans la guerre entre Chrome et Firefox, je me range aux côtés des utilisateurs de Google. Mais je ne veux pas. Chrome est mon navigateur de choix car il comporte des fonctionnalités sans lesquelles je ne peux pas vivre. Lire la suite en raison de la disponibilité de certaines extensions.

C'est l'une des raisons pour lesquelles Chrome est si bon pour les développeurs Web: le Chrome Web Store. Quelle est la sécurité du Chrome Web Store? Dans quelle mesure le Chrome Web Store est-il sécurisé? Une étude financée par Google a révélé que des dizaines de millions d'utilisateurs de Chrome avaient installé des modules complémentaires hébergeant des logiciels malveillants, ce qui représente 5% du trafic total de Google. Êtes-vous une de ces personnes et que devriez-vous faire? Lire la suite et son pool d'extensions. Si vous envisagez de concevoir ou de coder un site Web, voici quelques outils essentiels que vous devez installer immédiatement..

ColorZilla

ColorZilla commencé comme un addon Firefox, mais il est devenu si populaire que beaucoup ont demandé une version de Chrome. Maintenant nous y sommes. Cette extension pratique est essentiellement une version avancée de l’outil compte-gouttes que vous trouverez dans un programme comme Paint ou Photoshop..

Avec celui-ci, vous pouvez pointer n'importe quel endroit de votre navigateur et extraire immédiatement les informations de couleur à cet endroit. Une fois tiré, vous pouvez le modifier (que ce soit par RVB, HSV ou hex directement) avant de le copier dans votre presse-papiers. Extrêmement facile à utiliser.

Il est également livré avec un générateur de dégradé CSS, un analyseur de couleur de page Web et quelques palettes de couleurs préinstallées pour plus de commodité..

Fenêtre Resizer

L'un des dangers du développeur Web est de s'assurer que l'expérience de visualisation d'un site Web est agréable pour les utilisateurs de tous types d'appareils. Nous ne parlons pas seulement de mobile par rapport au bureau, ce qui est important - mais aussi la différence entre les petites tablettes et les moniteurs massifs.

Fenêtre Resizer est un moyen facile de redimensionner la fenêtre du navigateur à la volée. En un clic, vous pourrez tester votre site Web dans différentes résolutions pour voir ce que vos utilisateurs voient. Vous pourrez ensuite ajuster en conséquence..

Onglet IE

Les normes relatives aux navigateurs (ou leur absence) constituent un autre danger considérable pour le développeur Web. Internet Explorer, Firefox, Chrome, Opera et tous les autres navigateurs mineurs afficheront les sites Web de manière légèrement différente. Pendant ce temps, certains navigateurs sont plus lents à adopter des normes que d'autres.

Ou, dans le cas d'Internet Explorer, les normes sont rejetées et les développeurs Web sont incités à se déchirer les cheveux lorsqu'ils sont forcés de prendre des mesures d'adaptation.

Avec Onglet IE, ce processus est rendu un peu plus facile. Il vous permet d'afficher un site Web dans un nouvel onglet Chrome, mais rendu tel qu'il apparaîtrait dans IE. Pas une solution révolutionnaire au problème de l'IE, mais au moins c'est quelque chose.

Validité

Tous les codes HTML ne sont pas égaux. Bien que les navigateurs jouent un rôle important dans la conformité aux normes, il incombe également au développeur Web de respecter les bonnes pratiques HTML. C'est pourquoi il existe des outils pour tester et valider HTML 5 Les meilleurs éditeurs HTML gratuits en ligne pour tester votre code 5 Les meilleurs éditeurs HTML en ligne gratuits pour tester votre code Lorsque vous souhaitez simplement bricoler avec un petit extrait de code HTML, vous pourrez ajustez-le à votre goût, un éditeur HTML en ligne vous servira mieux. Lire la suite .

Validité est une extension qui vous permet de faire tout cela sans avoir à visiter de sites tiers. Ouvrez simplement votre site Web, cliquez sur le bouton pour afficher tous les messages HTML non valides dans la console du navigateur. La validation est effectuée via le service de validation du W3C..

Construit avec

Une chose que je déteste à propos du développement Web, c'est qu'il y a tant bibliothèques, cadres et moteurs disponibles. La liberté de choix est grande, mais il est pénible de voir le nombre de technologies devenir si important que vous ne pouvez pas les suivre toutes..

Avez-vous déjà visité un site Web et vous êtes demandé quelle est la technologie sous-jacente??

le Construit avec extension est un bouton unique qui analyse la page Web actuelle pour voir tout des bibliothèques Web, des cadres et des moteurs qui l'alimentent, y compris les réseaux de publicité, les plates-formes de distribution de contenu et même le logiciel d'hébergement qui les sous-tend.

Client REST Postman [n'est plus disponible]

Pour ceux d'entre vous qui travaillent avec des API REST, Facteur est l'outil dont vous avez besoin pour un flux de travail rationalisé. Avec lui, vous pouvez construire des requêtes HTTP et obtenir des réponses formatées en JSON et XML. Les réponses sont ouvertes dans une fenêtre séparée au format HTML.

Vous pouvez également regrouper plusieurs demandes dans une collection, ce qui constitue un excellent moyen de rester organisé et efficace. Vous pouvez également tester sur plusieurs environnements en basculant vers le haut des variables d'environnement à l'intérieur de l'extension..

Ipsum en entreprise

Un moyen de générer un texte de remplissage consiste à copier et coller “asdf” encore et encore cent fois. Un meilleur moyen serait d'installer Ipsum en entreprise et laissez-le générer du texte de remplissage pour vous en un clin d'œil.

Nous avons présenté plusieurs générateurs Lorem Ipsum. 10 alternatives pratiques Si vous êtes fatigué des textes usuels de remplissage Lorem Ipsum 10 alternatives maniables si vous êtes fatigué des textes habituels de remplissage Lorem Ipsum Les concepteurs Web ont probablement un chaton d'outils Lorem Ipsum enregistré à proximité utiles pour leur travail de développement web. Les générateurs Lorem Ipsum se présentent sous différentes formes; certains d'entre eux permettent de personnaliser le texte factice… Lisez plus avant, mais l'attrait de Corporate Ipsum réside dans le fait qu'il se trouve bien dans votre navigateur. Vous pouvez le relever d'un simple clic. Il n'y a aucune raison de ne pas l'utiliser, si vous me le demandez. Maintenant, vous pouvez revenir à coder votre site web!

TabCloud

Le développement Web se produit parfois sur plusieurs machines. Bien que le contrôle de code source pour les développeurs Qu'est-ce que Git & Pourquoi devriez-vous utiliser le contrôle de version si vous êtes un développeur? Qu'est-ce que Git & Pourquoi devriez-vous utiliser le contrôle de version Si vous êtes un développeur? En tant que développeurs Web, nous avons souvent tendance à travailler sur les sites de développement locaux, il vous suffit de tout télécharger lorsque vous avez terminé. C’est bien quand c’est juste vous et que les changements sont minimes,… Read More est le moyen principal de rester synchronisé et à jour, que se passe-t-il si vous souhaitez transférer plusieurs onglets sur des ordinateurs? C'est là que TabCloud entre.

TabCloud synchronise vos onglets sur le cloud, vous permettant de les rouvrir ailleurs. Il peut également être utilisé localement en tant qu'économiseur de session, vous permettant de stocker un ensemble d'onglets pour une nouvelle consultation. Les onglets sont enregistrés sur votre compte Google..

WhatFont

La conception des polices est un élément essentiel du développement Web. C’est pourquoi des services tels que les polices Web de Google Comment utiliser les polices Google dans votre prochain projet Web et pourquoi utiliser des polices Google dans votre prochain projet Web et choisir le choix de la police décision de conception intégrale sur n’importe quel site Web, mais la plupart du temps, nous nous contentons de la même famille des anciens serif et sans-serif. Alors que le corps du texte devrait toujours être quelque chose… Lire la suite sont devenus si populaires. La bonne nouvelle est que ces polices gratuites font désormais partie des plus belles polices Web. Spruce Up Your Website avec ces 12 superbes polices Google Web. Spruce Up Votre site Web avec ces 12 superbes Google Web Fonts. Au cours de la dernière décennie, j'ai commencé un certain nombre de blogs personnels que je n'ai jamais vraiment suivis, mais certains de mes souvenirs les plus chers sont basés sur la conception de thèmes et les modifications de polices. Il y a quelque chose de satisfaisant quand… Lire la suite actuellement disponible.

Mais admettez-le: il arrive que vous naviguiez sur le Web et que vous rencontriez une police étonnante que vous n'avez jamais vue auparavant. Il existe de nombreuses façons de l'identifier, mais le moyen le plus rapide consiste à utiliser WhatFont. Avec elle, vous pouvez inspecter les polices simplement en planant sur eux. Comment pourrait-il être plus facile?

Capture d'écran impressionnante [N'est plus disponible]

Si les captures d'écran ne font pas partie de votre routine de développement Web habituelle, Capture d'écran impressionnante aidera à changer cela. Les captures d'écran sont idéales pour documenter les modifications de conception et partager les travaux en cours avec votre client ou les membres de votre équipe..

Cette extension dispose de plusieurs fonctions de capture, notamment page entière, zone sélectionnée ou zone visible. Il vous permet également d'ajouter des annotations, de flouter des parties sensibles de l'image et de les partager d'un simple clic. Ou téléchargez plutôt sur Google Drive.

Si le concept vous intrigue mais que vous préférez utiliser un programme de bureau plus puissant, consultez cette comparaison d'outil de capture d'écran. 4 meilleurs outils pour créer des captures d'écran comparés 4 meilleurs outils pour créer des captures d'écran comparés CTRL + MAJ + 4. Trois clés - c'est tout ce dont vous avez besoin pour des captures d'écran parfaites. Cela n'a pas besoin d'être un problème! Essayez ces outils de capture d'écran avancés et vous ne regarderez plus jamais en arrière. Lisez plus et commencez à utiliser celui qui vous convient le mieux.

Vérifier mes liens

De nombreuses erreurs de développement Web frustreront vos visiteurs et les liens rompus sont l’un des pires contrevenants. Un lien brisé peut suffire, mais pas plus que cela et votre site Web commence à perdre de sa crédibilité et de sa réputation. Heureusement, c'est une erreur facilement évitée.

Vérifier mes liens fait exactement ce qu'il promet: il vérifie vos liens. Les liens valides sont marqués en vert tandis que les liens brisés sont marqués en rouge et à la fin, vous obtiendrez un score en pourcentage. Il ne vous reste plus qu'à aller réparer ces liens!

Quelles extensions utilisez-vous??

Une extension supplémentaire pour la productivité 15 Les extensions Chrome à ne pas manquer pour la productivité 15 Les extensions Chrome à ne pas manquer pour la productivité Nous vous proposons aujourd'hui quelques extensions essentielles pour vous aider à mieux travailler en ligne. Lire la suite Je recommanderais StayFocusd. Il s’agit plus d’une extension à usage général que d’une extension de développement Web, mais c’est certainement utile quand même. Cela vous évite d'être distrait par le Web pendant que vous travaillez!

Que pensez-vous de ceux-ci? Existe-t-il d'autres extensions de développement Web essentielles que vous recommanderiez? Partagez avec nous dans les commentaires ci-dessous!

En savoir plus sur: les extensions de navigateur, Google Chrome.