Web Developer de Firefox
Recentment m’he instal·lat l’extensió Web Developer del Firefox, amb uns resultats molt satisfactoris. Aquesta eina l’he trobat especialment útil per redissenyar i millorar codi HTML.
Destacaria les opcions de retocar el CSS de qualsevol web que s’estigui visitant, marcar els elements de bloc o qualsevol que es defineixi, veure els ID’s i les classes aplicades, simulació de resolucions menors (fent la finestra més petita), i els enllaços als diferents validadors d’HTML i CSS.
Les principals avantatges d’utilitzar aquesta eina són:
- Un codi CSS més eficient ja que veus a temps real com Firefox l’interpreta.
- Un codi HTML més versàtil, el fet de veure els elements de bloc diferenciats veus les mancances que té i/o codi sobrant.
- En definitiva, fa més fàcils i més ràpids els redissenys.
Com a desavantatge, al ser una eina d’un navegador implica que les interpretacions són d’aquest navegador només, i no tots els navegadors interpreten igual el CSS.
Les Web Developer complementen molt bé al DOM Inspector juntament amb el Object - Computed Styles. Permet saber les propietats efectives que té aplicades un element (les aplicades per l’autor, més les heretades i més les que existeixen per defecte en cada element).
Descarregar Web Developer (54 KB, per a Firefox 0.7). Si les baixeu amb un altre navegador que no sigui Mozilla Firefox mogueu el fitxer sobre un Firefox que estigui obert. Si voleu informació de l’autor aquesta és la seva web.
Etiquetes: css, programari