[savaro]

Przeglądając wątki dotyczące tworzenia stron, zauważyłem że wiele osób ma problemy z odnalezieniem błędów w xhtml i css. Osobom tym, choć nie tylko polecam dwa bardzo przydatne narzędzia:

Web Developer - https://addons.mozilla.org/pl/firefox/addon/60/
Firebug -http://getfirebug.com/

Oba są instalowane jako dodatki do przeglądarki Firefox i umożliwiają m.in.:

- podgląd oraz edycję kodu html i css bezpośrednio w przegladarce
- wyświetlanie informacji o divach bezpośrednio na przeglądanej stronie
- sprawdzenie poprawności kodu html i css

[kaef]

Ja zawsze korzystałem z validatora online:
www.validator.w3.org

Pamiętam wiele sytuacji, w których kod działający pod IE był błędny. Po poprawieniu przestawał działać w Jedynej Słusznej Przeglądarce;)

[Gacko]

Cóż, pod ręką mam jeszcze jedną stronkę z przydatnymi narzędziami do typografii: http://www.smashingmagazine.com/2009/01/27/css-typographic-tools-and-techniques/
Można wiele pokombinować i posprawdzać, jak współpracują ze sobą poszczególne czcionki. Jak ktoś nie ma problem z teorią o typo w sieci, to tutaj można wizualnie wiele rzeczy sobie uświadomić.

[mmiicc]

Kontynuując przydatne narzędzia do typografii: coś od Google

Aha, jeszcze taka zabaweczka: http://css3generator.com/

[kaef]

Z takimi zabawkami, proces tworzenie strony zaczyna sprowadzać się do umiejętnego kopiowania kodu z różnych źródeł;)

[savaro]

To co przedstawiacie bardziej można stosować podczas projektowania strony niż na etapie kodowania, czy też odszukiwania ewentualnych błędów w kodzie (oczywiście oprócz validatora).
Web Developer ma w sobie opcję validacji kodu (x)html i css z wykorzystaniem wspomnianego przez kaefa validatora, zarówno kodu umieszczonego już na serwerze jak i kodu na dysku lokalnym.

Przykładowe screeny z obu dodatków:

       

Aha, jeszcze taka zabaweczka: http://css3generator.com/

Tej "zabaweczki" nawet nie komentuje.

Każdemu kto zaczyna "zabawę" w kodowanie stron gorąco polecam oba narzędzia.

[savaro]

Kolejne przydatne narzędzie które mogę polecić to IETester.
Program jest w zasadzie przeglądarką pozwalającą na oglądanie strony z wykorzystaniem silników IE5.5, IE6, IE7, oraz IE8.