Google Chrome est le navigateur Web le plus reconnu, pas parce qu’il est construit par Google seul. C’est un solide leader en part de marché, avec plus de 69% d’avance sur le concurrent le plus proche : Mozilla Firefox. Il est à égalité en tête sur le marché des navigateurs Web mobiles avec WebKit (Safari), l’équivalent iOS de Chrome. Chrome est connu pour son moteur JavaScript solide et stable qui alimente de nombreuses technologies. Plus particulièrement, le Cadre Node.js est basé sur un moteur qui alimente Google Chrome.
Chrome obtient toutes sortes de réputations pour lui-même ; quelques-uns blâment le manque de sécurité et d’outils approfondis. Mais lorsqu’il s’agit d’une vue d’ensemble, imaginer un meilleur navigateur que Chrome est difficile. La vitesse, l’évolutivité, les performances et des éléments tels que les outils de développement permettent aux concepteurs Web et aux développeurs Web de s’en tenir à Chrome pour la stratégie à long terme.
Il y a eu de nombreuses discussions sur la sécurité et confidentialité des extensions Google Chrome. Mais cela se résume à un choix judicieux d’extensions de développeurs et de startups dignes de confiance qui souhaitent offrir quelque chose de bien à la communauté. L’expansion des capacités de Chrome a fourni aux développeurs les kits d’outils et les fonctionnalités nécessaires pour créer des extensions qui peuvent aider à cultiver plus de productivité et, plus important encore, plus d’accessibilité pour créer des choses dans le navigateur.
Les développeurs frontaux sont parmi les gagnants les plus importants de l’utilisation de Chrome, car il offre une expérience de type IDE très fluide lors de la création de sites Web et d’applications pour le navigateur et le Web mobile. Nous couvrirons les quinze meilleures extensions Google Chrome pour les concepteurs, dont certaines pourraient également être utiles aux développeurs. La liste est impartiale et basée sur des recherches que les concepteurs ont partagées sur certains des forums communautaires les plus populaires sur le Web aujourd’hui.
1. GoFullPage
Cette extension capture la page, partie par partie, puis ouvre un nouvel onglet à partir duquel vous pouvez télécharger une image (PNG, JPG) ou un PDF. Bien sûr, vous pouvez le faire glisser et le déposer sur votre bureau. Qu’il s’agisse d’un simple blog, d’un site Web complexe ou d’une boutique en ligne, GoFullPage capture tout sans effort.
2. Temps de sauvetage
Il ne s’agit pas seulement du suivi du temps de chaque site Web sur lequel vous passez. RescueTime classe également les pages comme « très productives » et « très distrayantes ». De plus, il reconnaît même lorsque vous vous éloignez de l’ordinateur – dans ce cas, il arrête le suivi. Si vous vous êtes déjà demandé ce que vous faites chaque jour dans Chrome, RescueTime vous aidera à avoir une meilleure idée du temps que vous passez à travailler et du temps passé à « juste vérifier les choses ».
3. Effacer le cache
De plus, vous pouvez facilement spécifier exactement ce que vous souhaitez effacer, comme le cache de l’application, les cookies, les téléchargements, les données de formulaire, l’historique, le stockage local, etc. Vous pouvez également définir le domaine à inclure ou à exclure lors de l’effacement des données. Clear Cache prend également en charge les périodes. Rapide et simple, et c’est ce qui compte le plus lorsque vous augmentez votre flux de travail à travers le toit.
4. Redimensionneur de fenêtre
Construire un site Web qui fonctionne pour la majorité de la population est essentiel. Avec plus de 700 000 utilisateurs actifs dans toutes les communautés technologiques, l’extension Window Resizer aide les concepteurs à usurper différentes résolutions pour mieux comprendre comment ces résolutions interagissent avec vos conceptions. Vous pouvez modifier rapidement la largeur et la hauteur de la fenêtre de votre navigateur, la position où il réside, et une fonction de code abrégé intégrée augmentera considérablement votre capacité à vérifier différentes résolutions d’écran lorsque vous effectuez un codage en direct. Et cette extension vous aide à identifier où les erreurs peuvent commencer à se produire, afin que vous puissiez apporter rapidement les modifications de code nécessaires.
5. Quelle police
Avec des millions de sites Web actifs et de nombreux nouveaux que nous visitons chaque jour, il y a toujours quelque chose qui attire notre attention : un widget particulier ou une fonction dynamique ou une police particulière qui semble exceptionnelle. Pourtant, nous ne sommes pas en mesure d’identifier le nom de celui-ci. Avec l’extension WhatFont, vous pouvez rapidement examiner les polices sur n’importe quelle page de site Web et apprendre rapidement le nom de la police afin de pouvoir commencer votre recherche. En dehors de cela, WhatFont aide également à comprendre le type de services utilisés pour servir les polices, qu’il s’agisse de services premium ou gratuits tels que Google Fonts ou Typekit.
6. Guide des couleurs plates
Construire une nouvelle conception Web à l’aide du guide de style FLAT, mais vous n’êtes pas sûr des bons codes de couleur à utiliser ? Avec l’extension Flat Colors Guide simple à utiliser, cette inquiétude disparaît rapidement. Installez l’extension et cliquez sur le bouton des extensions pour charger les couleurs qui vont généralement dans les conceptions FLAT.
7. ColorZilla
ColorZilla compte des millions d’utilisateurs actifs sur le navigateur Mozilla. Et enfin, une extension Google Chrome est également disponible, accumulant plus de 2 millions d’utilisateurs actifs. Avec ColorZilla, vous pouvez évaluer rapidement les couleurs d’une page donnée. Et vous pouvez utiliser ces couleurs pour les optimiser et les charger dans n’importe quel autre outil que vous utilisez pour créer vos conceptions. Accédez facilement aux couleurs de pixels singuliers dans la page, vous donnant la bonne profondeur pour vos couleurs dans n’importe quelle situation. Les raccourcis permettent une manipulation et une optimisation plus rapides des couleurs.
8. Stylebot
Stylebot est un outil d’édition en direct pour manipuler le code CSS de n’importe quel site Web et élément que vous parcourez actuellement. Vous pouvez rapidement sélectionner des éléments individuels et apporter des modifications d’apparence à l’aide de CSS. Modifiez tout ce que vous voulez à l’aide d’outils automatisés intégrés ou écrivez votre CSS. Cela vous aide à en savoir plus sur CSS. Il vous donne également un aperçu du fonctionnement de l’édition en direct et de la rapidité avec laquelle vous pouvez apporter les modifications souhaitées à vos conceptions. Avec plus de 200 000 utilisateurs, c’est l’extension que chaque concepteur de sites Web devrait avoir dans sa boîte à outils.
9. Profitez de CSS
EnjoyCSS est un studio de suite de conception Web directement dans votre navigateur ! C’est un générateur CSS3 direct qui vous permet de gérer les paramètres d’interface utilisateur de n’importe quel élément de votre choix. Créez des transitions, transformez des éléments, travaillez avec des dégradés, des ombres et bien plus encore. EnjoyCSS dispose également d’une bibliothèque de transformations prédéfinies que vous pouvez appliquer directement à vos éléments.
10. Style de vie d’Emmet
Emmet LiveStyle met instantanément à jour la feuille de style de votre page Web pendant que vous modifiez des fichiers CSS, LESS ou SCSS dans votre éditeur de texte. Pas de sauvegarde de fichier ni de rechargement de page : pure expérience en temps réel ! Et c’est le premier outil qui transfère correctement les mises à jour de DevTools dans le code source. De nombreux avis sur cette extension mentionnent qu’ils ne peuvent pas imaginer leur flux de travail de conception Web sans cet outil.
11. Développeur Web
Mozilla Firefox a ses outils de développement, tout comme Google Chrome. Ce qui s’est passé ces dernières années, c’est que de nombreux utilisateurs de Firefox sont passés à Chrome. Mais on a toujours l’impression qu’une certaine fonctionnalité manque ou fait défaut dans des départements spécifiques. L’une des pertes les plus importantes pour les personnes qui changent est la perte des outils de développement Mozilla. Et comme il y avait une telle demande massive, quelques développeurs ont construit un miroir exact de Firefox Dev Tools pour Chrome. Avec plus d’un million d’utilisateurs actifs, cette extension est un succès fulgurant pour les concepteurs établis et en herbe qui souhaitent étendre leur boîte à outils de navigateur pour travailler avec des conceptions Web dans un environnement en direct.
12. Commutateur utilisateur-agent
Un User-Agent est une empreinte digitale envoyée dans chaque nouvelle requête que vous faites sur une page. Le site Web peut alors détecter votre User-Agent et vous proposer la version appropriée du site Web en fonction des capacités de votre navigateur. Il s’agit de la technique de site Web standard pour déterminer si quelqu’un navigue sur un site Web à partir d’un ordinateur de bureau ou d’un appareil mobile. L’extension User-Agent Switcher vous permet de remplacer votre User-Agent par n’importe quel autre navigateur ou appareil mobile, ce qui vous permet d’expérimenter rapidement la façon dont vos conceptions apparaissent sur ces appareils et navigateurs. Il s’agit d’une petite extension avec beaucoup de puissance pour aider les développeurs à augmenter leur productivité en leur faisant gagner du temps lors des allers-retours.
Faites-nous savoir si vous avez aimé le message.
Source link