Web Designer : Quelles extensions utiliser pour Chrome ?

Publié le par

Pour la conception de votre site internet, fiez-vous à ces outils des Web Designers suivants :

1. CSS Peeper

En surfant sur internet, vous avez trouvé un site particulier qui a retenu votre attention. Comme quoi, vous voulez calquer sur son design pour créer votre propre site. Pour cela, le plus simple est d’utiliser CSS Peeper. Avec ce module complémentaire, vous allez pouvoir visualiser et extraire le CSS d’une quelconque page sans pour autant avoir besoin à sillonner les lignes de code.

2. Browserling

Il faut rappeler que l’affichage peut changer d’un navigateur à un autre. Ainsi, si vous souhaitez vérifier la fiabilité de votre design, vous avez le choix entre le test manuel avec différents navigateurs ou l’utilisation de Browserling. Cette extension a le mérite d’être efficace pour comparer de manière instantanée l’apparence d’un site sur les navigateurs les plus utilisés du moment, notamment Chrome, Firefox, Safari, Opera ou encore Internet Explorer.

3. Sizzy

Quoi de mieux que Sizzy pour vérifier le responsive design ! Cet outil incontournable offre la possibilité de prévisualiser instantanément un site sur divers supports. C’est un moyen de s’assurer que vos pages web sont parfaitement visibles que ce soit sur un PC, une tablette ou encore un Smartphone.

4. WhatFont

Une police d’écriture vous a captivé sur internet ? WhatFont est un outil mis à votre disposition pour avoir des informations sur une police donnée. Survolez tout simplement le texte avec votre souris pour savoir la police utilisée, sa taille, son style et bien d’autres informations utiles.

5. PerfectPixel

Vous l’avez déjà surement remarqué qu’il existe parfois un certain décalage entre la maquette originale d’un site internet et le résultat final. Grâce au PerfectPixel, il est devenu possible de développer des pages au pixel près. Cet add-ons vous aide donc à afficher une image semi-transparente au-dessus du site en construction permettant ainsi une reproduction à l’identique de votre modèle de base.