Personnaliser les outils de développement Chrome avec DevTools Author
Si vous êtes un développeur frontend, vous devriez déjà connaître le panneau DevTools de Google Chrome. Ceci est livré avec chaque version de Chrome offrant des outils pour l'édition de HTML brut / CSS avec une console JS et la possibilité de manipuler le DOM en temps réel.
Un nouveau plugin Chrome gratuit appelé DevTools Author vous permet de personnaliser le panneau DevTools avec des palettes de couleurs syntaxiques supplémentaires, des polices uniques et des tailles de police personnalisées.
La configuration est assez simple. Vous venez d'installer l'extension à partir de la boutique en ligne Chrome, puis visitez ce lien dans votre navigateur: chrome: // flags / # enable-devtools-experiments
Vous vous trouverez dans le panneau des drapeaux de chrome où vous devez activer les expériences DevTools. Une fois que cela est activé, vous devez redémarrer Chrome, ouvrez le panneau de configuration de DevTools et trouvez l'onglet "Expériences".
Ensuite, il vous suffit de cocher "autoriser les thèmes d'interface utilisateur personnalisés" et vous êtes prêt à partir!
Vous pouvez choisir parmi plus de 25 modèles de couleurs de syntaxe différents qui facilitent grandement l'utilisation de l'éditeur de Chrome. Et vous pouvez changer la taille des polices de 10px-22px ou même mettre à jour les polices de la console à toutes les polices pré-installées sur votre système d'exploitation.
Ce plugin n'ajoute aucune fonctionnalité de base sur DevTools, mais vous permet de changer le style et l'apparence de votre fenêtre DevTools. Il est étonnamment facile à configurer et peut rendre votre expérience DevTools beaucoup plus personnalisée.
Si vous rencontrez des problèmes lors de l'installation, consultez cette vidéo d'introduction guidée.
25 Exemples de conception d'identité de marque
L'image de marque est une partie intégrante des affaires . Après tout, vous devez vous assurer que vous pouvez vous vendre correctement. Ce n'est pas toujours facile d'essayer de trouver un design qui corresponde à vos besoins. Quelque chose qui reflète non seulement ce que vous représentez, mais qui met aussi en valeur la personnalité de votre marque, que ce soit votre marque personnelle ou votre entreprise.Pour
Comment tester le site Web sur plusieurs navigateurs et périphériques de manière synchrone
Responsive Web Design (RWD) est maintenant une approche commune dans la construction d'un site Web mobile amical. Mais construire un site Web réactif peut être assez énervant quand vous devez tester le site Web dans plusieurs appareils et tailles d'écran.Supposons que vous ayez trois périphériques pour effectuer le test, vous devrez peut-être constamment actualiser chaque navigateur dans chacun de ces périphériques, ce qui est fastidieux, c'est le moins qu'on puisse dire.L'id