Nasz artykuł ma na celu przedstawienie przykładowych i zarazem różnorodnych narzędzi wspomagających pracę twórcy strony internetowej. Dla większości z nich w Sieci znajduje się wiele wartych uwagi zamienników, które także polecamy odnaleźć i przetestować. Poniższe pozycje dzielą się na trzy typy:

• dodatki do Firefoksa,
• bezpłatne aplikacje internetowe (opcjonalnie z trybami płatnymi lub możliwością skorzystania z rozwiązania desktopowego),
• wersje wymagające instalacji przed użyciem.

Zaczynamy.

1. Web Developer

Rozszerzenie dla Firefoksa, Flocka i Seamonkey działających w systemach Windows, Linux lub Mac OS X. Za pomocą przyjaznego toolbara otrzymujemy potężne narzędzie pozwalające wykonywać operacje na aktualnie wyświetlanym adresie internetowym.

Działanie na sesjach i ciastkach, wyświetlanie informacji o identyfikatorach i klasach, skalowanie okna przeglądarki, narzędzia walidacyjne czy zarządzanie formularzami - to tylko namiastka oferowanych możliwości. Dodatek ten jest ciągle rozwijany, a co za tym idzie, w przyszłości będziemy mogli się spodziewać kolejnych, przydatnych funkcjonalności. Podstawowe narzędzie każdego webdevelopera.

2. Firebug

Integrowany z Firefoksem pozwala na inspekcję oraz edycję kodu HTML lub CSS. Ponadto daje możliwość wizualizacji ładowanego JavaScriptu, XHR-a, obrazków, elementów Flash, HTML-a i arkuszy stylów, eksplorację drzewa dokumentu oraz śledzenia wachlarza typów występujących błędów. Dzięki przystępnemu interfejsowi można w łatwy sposób zrozumieć poszczególne aspekty przeglądanego serwisu i zarazem pozbyć się potencjalnych problemów z jego działaniem.

3. YSlow dla Firebuga

Rozwijany przez Yahoo!, jako dodatek do Firebuga. Analizuje strony internetowe w celu wyświetlenia stopnia optymalizacji zawartego w nich kodu (posługując się stopniami od A do F). Sugerowanie postępowania odbywa się na podstawie generowanych wykresów oraz odniesień do zasad optymalizacji. Testy dotyczą takich aspektów, jak liczba żądań HTTP, skalowanie obrazów, czy redukcji wielkości cookies.