Home-theater-designers
Chrome a récemment capturé une part de 25% du marché des navigateurs Internet, ce qui en fait le deuxième navigateur le plus utilisé au monde derrière Internet Explorer (qui évolue vers Project Spartan). En fin de compte, cela signifie que Chrome est le de facto maison pour les développeurs Web.
Bien que je sois partisan de Firefox, je peux comprendre pourquoi les gens aiment Chrome. Il a tendance à dominer les références des navigateurs et permet aux gens ordinaires de devenir facilement des utilisateurs expérimentés de Chrome. D'autres détestent Chrome, mais ne l'utilisent pas 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 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.
CouleurZilla
CouleurZilla a commencé comme un module complémentaire de Firefox, mais il est devenu si populaire que beaucoup ont demandé une version 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 lui, vous pouvez pointer n'importe où dans 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 hexadécimal droit) 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 couleurs de page Web et quelques palettes de couleurs préinstallées pour votre commodité.
Redimensionneur de fenêtre
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 sur tous les types d'appareils. Nous ne parlons pas seulement de mobile par rapport à un ordinateur de bureau, ce qui est important - mais aussi la différence entre les petites tablettes et les moniteurs massifs.
Redimensionneur de fenêtre est un moyen facile de redimensionner la fenêtre du navigateur à la volée. D'un simple clic, vous pourrez tester votre site Web dans différentes résolutions pour voir ce que voient vos utilisateurs, puis vous pourrez ajuster en conséquence.
Onglet IE
Un autre grand danger pour le développeur Web réside dans les normes de navigateur (ou leur absence). 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 les normes que d'autres.
Ou dans le cas d'Internet Explorer, les normes sont jetées par la fenêtre et les développeurs Web sont poussés à s'arracher les cheveux car ils sont obligés de faire des compromis.
Avec Onglet IE , ce processus est 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 d'IE, mais au moins c'est quelque chose.
Validité
Tous les codes HTML ne sont pas égaux. Alors que les navigateurs jouent un rôle important dans la conformité aux normes, il incombe également au développeur Web de suivre les bonnes pratiques HTML. C'est pourquoi il existe des outils pour tester et valider le HTML .
Validité est une extension qui vous permet de faire tout cela sans avoir à visiter des sites tiers. Ouvrez simplement votre site Web, cliquez sur le bouton et il affichera tous les messages HTML invalides dans la console du navigateur. La validation est effectuée via le service de validation du W3C.
ConstruitAvec
Une chose que je déteste dans le développement Web, c'est qu'il y a tant bibliothèques, frameworks et moteurs disponibles. La liberté de choix est grande, mais c'est pénible quand le nombre de technologies devient si grand que vous ne pouvez pas les suivre toutes.
Avez-vous déjà visité un site Web et vous êtes-vous demandé quelle est la technologie sous-jacente ?
Les ConstruitAvec l'extension est un bouton unique qui analyse la page Web actuelle pour voir tous des bibliothèques Web, des frameworks et des moteurs qui l'alimentent, y compris les réseaux publicitaires, les plates-formes de distribution de contenu et même le logiciel d'hébergement derrière tout cela.
Client REST Postman [N'est plus disponible]
Pour ceux d'entre vous qui travaillent avec des API REST, Facteur est le seul outil dont vous avez besoin pour un flux de travail rationalisé. Avec lui, vous pouvez créer 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 ce qu'on appelle une collection, ce qui est un excellent moyen de rester organisé et efficace. Vous pouvez également tester sur plusieurs environnements en changeant les variables d'environnement directement à l'intérieur de l'extension.
Assurance d'entreprise
Une façon de générer du texte de remplissage est de copier et coller 'asdf' encore et encore une centaine de fois. Une meilleure façon serait d'installer Assurance d'entreprise et laissez-le générer du texte de remplissage pour vous en un clin d'œil.
Nous avons déjà couvert plusieurs générateurs Lorem Ipsum, mais l'attrait de Corporate Ipsum est qu'il se trouve directement 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 demandez. Vous pouvez maintenant vous remettre au codage de votre site Web !
TabCloud
Le développement Web se produit parfois sur plusieurs machines. Alors que le contrôle de source pour les développeurs est le principal moyen de rester synchronisé et à jour, que se passe-t-il si vous souhaitez transférer plusieurs onglets sur plusieurs ordinateurs ? C'est là que TabCloud entre.
TabCloud synchronise vos onglets avec le cloud, vous permettant de les rouvrir ailleurs. Il peut également être utilisé localement comme économiseur de session, vous permettant de stocker un ensemble d'onglets pour une consultation ultérieure. Les onglets sont enregistrés dans votre compte Google.
QuelleFont
La conception de polices est un élément important du développement Web, c'est pourquoi des services tels que Google Web Fonts sont devenus si populaires. La bonne nouvelle est que ces polices gratuites font désormais partie des plus belles polices Web actuellement disponibles.
Mais admettez-le : il y a des moments où vous naviguez sur le Web et vous tombez sur une police époustouflante que vous n'avez jamais vue auparavant. Il existe de nombreuses façons de l'identifier, mais le moyen le plus rapide est d'utiliser QuelleFont . Avec lui, vous pouvez inspecter les polices simplement en planant au-dessus d'eux . Comment cela 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 apportées à la conception et partager les travaux en cours avec votre client ou les membres de votre équipe.
l'ordinateur portable est branché mais ne charge pas
Cette extension a plusieurs fonctions de capture, y compris la pleine page, la zone sélectionnée ou la zone visible. Il vous permet également d'ajouter des annotations, de flouter les parties sensibles de l'image et de partager en un seul clic. Ou téléchargez plutôt sur votre Google Drive.
Si le concept vous intrigue mais que vous préférez utiliser un programme de bureau plus puissant, consultez cette comparaison d'outils de capture d'écran 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 être acceptable, 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 facile à éviter.
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 rompus sont marqués en rouge et à la fin, cela vous donnera un score en pourcentage. Il ne vous reste plus qu'à aller réparer ces liens !
Quelles extensions utilisez-vous ?
Une autre extension pour la productivité que je recommanderais est 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 malgré tout. Cela vous évite d'être distrait par le Web pendant que vous travaillez !
Que pensez-vous de ceux-ci ? Recommanderiez-vous d'autres extensions de développement Web essentielles ? Partagez avec nous dans les commentaires ci-dessous!
Partager Partager Tweeter E-mail 15 commandes d'invite de commande Windows (CMD) que vous devez connaîtreL'invite de commande est toujours un outil Windows puissant. Voici les commandes CMD les plus utiles que tout utilisateur Windows doit connaître.
Lire la suite Rubriques connexes- Navigateurs
- Google Chrome
- Extensions de navigateur
Joel Lee est rédacteur en chef de MakeUseOf depuis 2018. Il est titulaire d'un B.S. en informatique et plus de neuf ans d'expérience professionnelle en rédaction et en édition.
Plus de Joel LeeAbonnez-vous à notre newsletter
Rejoignez notre newsletter pour des conseils techniques, des critiques, des ebooks gratuits et des offres exclusives !
Cliquez ici pour vous abonner