Firefox en de Webdeveloper toolbar

[webguy]

Bij veel vragen over CSS is het noodzakelijk over een goede tool te beschikken waarmee je website tot op detail geinspecteerd kan worden.
Een uitstekende tool daarvoor is de FireFox webbrowser met de Webdeveloper Toolbar.

Hier te downloaden:
FireFox:
http://www.mozilla.org/products/firefox/

Webdeveloper toolbar:
http://chrispederick.com/work/webdeveloper/

[quichot]

En voor diegene die ook met IE het een ander willen kunnen op developergebied kan ik deze aanbevelen:

http://www.nils.org.au/ais/web/resources/index.html

Zeer uitgebreid en altijd uptodate, ik gebruik hem inmiddels ruim een jaar en het scheelt me uren (overbodige) tijd.

Greetz

Q

[King7]

Nog een extensie waarmee ik veel CSS problemen opspoor: View Formatted Source. De kracht zit er in dat als je met je muis over een html-tag gaat, de voor die tag geldende CSS zichtbaar wordt.

Helaas werkt deze extensie nog niet goed met FireFox 1.5. Dus nog even wachten.

[IvoFontijn]

Werken deze zaken ook met een Mac samen?

[King7]

Ik zou niet weten waarom niet. Ik heb zelf geen ervaring, maar FireFox zou ook op een Mac moeten werken. Kijk maar eens op http://www.mozilla.com/firefox/system-requirements.html.

[IvoFontijn]

Het gaat dan ook om de Tools in dit geval firefox is naar mijn bescheiden mening de beste browser voor de Mac

[buxx]

Ja hoor, op de Mac werkt het prima.
Het is 1 van de betse extensies die ik heb sinds gister.

[supergrover]

Hier een lijst met handige links
http://www.lifehack.org/articles/lifeha ... aster.html

[pe7er]

Behalve de Webdeveloper (ik kan niet eens meer terug naar MSIE  ) vind ik ColorZilla ook erg handig om even snel een kleurcode bepalen:
https://addons.mozilla.org/extensions/m ... fox&id=271

[sc00zy]

MeasureIt is voor mij ook onmisbaar naast de toolbar en ColorZilla.

[sc00zy]

Er lopen trouwens meerdere van dit soort draadjes... ook in het Dutch Forum.

[Lenn-art]

Dit kreeg ik als antwoord in een engelstalig forum:
Een Webdev toolbar van Micro$oft zelf

Ik wist niet waar ik het moest doen in IE en bovenstaande toolbar had me niet geholpen. Achteraf had het mss ook met AIS gekund. Maar ja, altijd goed om te weten dat Ms er ook eentje heeft.

[sc00zy]

Ik ken de toolbar van MS ook... hij is alleen lang zo uitgebreid niet als die van Firefox.

[pe7er]

hij is alleen lang zo uitgebreid niet als die van Firefox.

En MSIE gaat niet zo lekker om met CSS (de standaard CSS hoe W3C het bedoeld heeft).

Maar bedankt voor de tip!
Misschien voor mij heel nuttig om MSIE gerateerde opmaak problemen op te lossen...

[Lenn-art]

Misschien voor mij heel nuttig om MSIE gerateerde opmaak problemen op te lossen...

Ja, precies daarom! Ik doe alles in Ff, maar de meeste bezoekers hebben toch IE. Ik zat met een vervelende ruimte tussen het menu en submenu wat niet aan .submenu lag ... Ff had er geen last van, maar IE wel. Na lang, lang zoeken met de MSIEtooblar bleek dat ik een hoogte moest toevoegen die er nog niet stond.

[OSFreak]

een andere must-have : de CSSViewer.

A simple CSS property viewer.

ik heb het net geïnstalleerd en ik heb al het gevoel dat ik nooit meer zonder kan. 

https://addons.mozilla.org/extensions/m ... on=firefox

[dwstrijks]

Hoi allemaal,

voor de mensen die het nog niet weten maar er is een IE tab voor FF, deze werkt mooi en vrij goed. het scheelt weer 1 browser. heb nu alleen FF maar aan het draaien.

https://addons.mozilla.org/firefox/1419/


William

[sc00zy]

IE Tab vangt alleen IE binnen een tab... je hebt IE dus nog wel nodig.

[Daniel Tulp]

euhm, mensen, niets gaat boven de firebug extensie voor firefox: https://addons.mozilla.org/firefox/1843/

FireBug lets you explore the far corners of the DOM by keyboard or mouse. All of the tools you need to poke, prod, and monitor your JavaScript, CSS, HTML and Ajax are brought together into one seamless experience, including a debugger, an error console, command line, and a variety of fun inspectors.