Skip to content
Korben, roi d’internet, logo bébé avec des lunettes en mode thug life

20 extensions pour bien développer avec Firefox

Un Firefox bien configuré permettra de vous assister dans tout vos développements web en vous donnant par exemple les styles des pages, en debuggant du javascript ou en éditant du HTML.

Afin de ne pas alourdir votre firefox avec toutes ces extensions, je vous recommande de configurer une nouvelle session entierement dédiée au dév.

Vous pouvez créer et lancer un nouveau profil en même temps que votre profil standard en créant un raccourci dans lequel vous appelerez firefox avec les paramètres suivants:

firefox.exe -P Dev -no-remote

Une fois que votre firefox de Dev est lancé, on va pouvoir passer aux choses sérieuses avec les extensions à avoir !

Firebug

Firebug est sans conteste la plus puissante des extensions pour debugger du javascript, analyser vos CSS et vos HTML mais aussi y faire des modifications en live et voir le résultat directement. Pour debugger de l’Ajax, firebug est aussi l’idéal ! Vraiment incontournable.

image

Web Developer Toolbar

Cette barre d’outil pour Firefox propose toute une panoplie d’outils indispensables pour les développeurs comme par exemple de la validation, de la gestion de cookies, de formulaires…etc. Un must !

image

Aardvark

Cette extension très légère permet d’afficher les détails des élèments d’une page web comme leur class ou id. Vous pouvez aussi l’utiliser pour enlever certains élèments de la page web.

image

Colorzilla

Permet de connaitre les codes couleurs des éléments d’une page web.

image

View source with

Grâce à cette extension, vous pourrez rediriger le code source de la page vers différents éditeurs de votre choix.

image

HTML Validator

Avec cette extension, vous pourrez facilement valider vos pages HTML (avec des tests w3c)

image

Greasmonkey

Une de mes préférées. Cette extension permet d’exécuter des petits bouts de codes javascripts afin d’agir sur des pages web existantes. Ca permet de gagner du temps en codant directement dans firefox. (Ou alors en développant des petites extensions pour vos sites préfèrez (comme korben.info 🙂 ))

image

Measure It

Permet de mesurer facilement les éléments d’une page web. Vous faites glisser votre souris pour tracer une zone, que vous pourrez déplacer sur la page pour comparer des éléments.

image


IE ViewIE TabOpéra ViewFirefox ViewSafari ViewIE View Lite

Ces extensions permettent de voir vos pages dans firefox mais en utilisant les moteurs de différents navigateurs internet comme Internet Explorer ou Safari.

image

Clear Cache Button

Permet de nettoyer le cache de firefox. Pratique quand on bosse des CSS. Pour info, cette option est disponible dans la webdeveloper toolbar.

image

Restart Firefox

Permet de fermer et de relancer firefox en conservant vos onglets et vos sessions.

image

Tab Mix Plus

Cette extension a quelques fonctions bien pratiques comme par exemple dupliquer un onglet ou copier dans le presse papier l’url de l’onglet…etc

image

Yslow

Je vous en ai parlé il n’y a pas longtemps. Cette extension créee par Yahoo analyse vos pages web, vous donne une notre sur 100 et vous indique la meilleure façon pour optimiser tout cela avec des conseils avisés. Cette extension fonctionne avec Firebug.

image

Dummy Lorem IpsumJe l’utilise assez souvent. Elle permet de remplir les formulaires avec du texte lorem ipsum qui est une espèce de pseudo latin afin de simuler du contenu pour votre site.

image

Screengrab!

Cette extension est terrible aussi. Elle permet de capturer la partie visible ou l’intégralité d’une page web.

image

 

image

Il y a évidement des tas d’autres extensions très pratiques pour les développeurs. Si vous pensez qu’il en manque une dans cette petite liste, n’hésitez pas à l’indiquer dans les commentaires.

Je pense quand même qu’avec tout ça vous êtes paré pour vos développements.

Source


Vos cartes PlayStation Network en promo avec Eneba et Korben

— Article en partenariat avec Eneba —

Si vous possédez une PlayStation, voilà un bon plan qui pourrait vous plaire. Grâce à Eneba, vous allez pouvoir faire quelques économies. Histoire de bien commencer l’année avec la nouvelle PS5 que vous avez reçue lors des fêtes de fin d’année dernière (sinon ça marche aussi avec les PS3 et PS4). Eneba vous propose, notamment, des cartes PlayStation Network avec jusqu’à 16% de réduction par défaut (valeur 50€, mais certains vendeurs la propose dés 41.89€ soit 44.54€ avec les frais). A quoi vous pouvez ajouter le code KORBEN vous bénéficiez en de 3% supplémentaire donc 43.21€ TTC au final (à entrer lors de la validation de votre achat).

Il est tout beau ce code non ?

Eneba c’est quoi ?

Pour ceux qui ne connaissent pas encore, Eneba c’est une place de marché en ligne qui propose un tas de produits numériques liés en grande partie au jeu vidéo, le plus souvent avec des promotions assez intéressantes. Le site est rapide, assez complet, sécurisé et moins cher, pourquoi se priver ?

La boutique propose beaucoup de contenu pour les plateformes de jeux parmi les plus connues (Steam, GOG, Uplay, Origin, Epic Games, Nintendo Switch, Xbox & co), de nombreuses cartes cadeaux (Amazon, Blizzard, Google Play, Nintendo eShop, Netflix, Spotify & co) mais aussi des abonnements, des points de jeu ou encore des logiciels. Bref il y en a pour tous les profils.

Promotions sur les meilleurs jeux avec eneba.com !

Que faire avec ma Carte PlayStation Network (PSN50) ?

Le crédit d’achat des différentes cartes PSN (de 5€ et jusqu’à 100€) vous permettra d’accéder à tous les produits du PlayStation Network :

  • les jeux récents : NBA2K21, FIFA21, Spider-Man : Miles Morales , les nouveaux bundles Fortnite, etc.
  • les jeux en précommandes
  • les DLC
  • des films et séries (si vous avez déjà un abo PS+)

Et pour le cas ou vous vous poseriez la question, il n’y a pas d’anguille sous roche, oui les produits sont bien activés sur la plateforme officielle PSN. Eneba a d’ailleurs comme partenaires des boites solides comme Konami, Ci Games ou Team17 (Worms, Project-X …). La boutique en ligne vérifie de manière approfondie la fiabilité de chaque vendeur sur sa place de marché (état des stocks, légalité …) pas de risques d’arnaques. Ils sont de plus très bien notés sur Trustpilot.

Attention tout de même, pour bénéficier de l’offre votre compte devra être enregistré en France. Par contre le crédit sur la carte n’a pas de date d’expiration, vous en disposerez jusqu’à épuisement.

À qui s’adresse la carte cadeau PSN ?

À n’importe qui désirant faire quelques économies. Un petit pourcentage ici et là ça finit par compter, surtout chez les gros joueurs qui ont besoin parfois d’une ou plusieurs cartes chaque mois.

Mais c’est aussi un cadeau idéal à offrir si vous connaissez un joueur sur PlayStation, mais que vous ne savez pas ce qu’il aime ou ce qu’il possède déjà. Où dont l’anniversaire est dans plusieurs mois (vous achetez moins cher aujourd’hui tant que l’offre promo existe et vous gardez la carte jusqu’à la date)

Les articles du moment