Zapraszam do zapoznania się z przeglądem kilku ciekawych wtyczek, które bardzo ułatwiają i uprzyjemniają tworzenie stron internetowych, a których używam na co dzień.

Firebug

Firebuga opisuję w pierwszej kolejności, ponieważ jest on chyba najbardziej przydatną wtyczką, w każdym razie osobiście najczęściej spośród wszystkich opisanych tu wtyczek z niego korzystam.

Firebug posiada wszystko, co może się przydać do wyłapywania błędów w tworzonych witrynach - jest tutaj konsola do testowania JavaScriptu, moduł śledzenia wywołań AJAXowych (szalenie przydatny), inspektor DOM z funkcjami śledzenia styli dla aktualnie inspektorowanego węzła dokumentu oraz z graficzną reprezentacją wartości margin oraz padding węzła. Poza tym wbudowany w Firebuga inspektor DOM pozwala na zmianę dowolnej wartości każdego węzła "w locie".

Podobnie ma się sprawa z zakładką inspekcji styli - również umożliwia ona zmianę dowolnej wartości dowolnego elementu lub klasy "w locie" - efekty widzimy już w czasie edycji. Jest to szczególnie przydatne w dopasowywaniu wartości typu margines akapitu itp.

Do JavaScriptu otrzymujemy bardzo fajny debugger pozwalający m.in. na śledzenie wyrażeń regularnych oraz na zakładanie breakpointów w danym skrypcie JS.

Firebug posiada także zakładkę śledzenia pobierania plików - dostarczy nam statystykę tego, jakie strona pobiera pliki, jakich są one rozmiarów oraz jak szybko je pobrano.

Pobierz wtyczkę Firebug ze strony Firefox Add-ons

Web Developer Toolbar

Web Developer Toolbar jest drugą potężną wtyczką, która oferuje niesamowitą funkcjonalność. Czego tu nie ma! Znajdziemy tu narzędzia do zarządzania ciasteczkami, do podglądania raportów CSS (połączone style z kilku zewnętrznych plików + style osadzone w dokumencie), dodawanie własnych styli do dokumentów, zarządzanie formularzami, zarządzanie obrazkami (łącznie z jawnym wymuszeniem wyświetlania atrybutów alt lub np. rozmiarów obrazków) oraz wiele, wiele innych.

Pobierz wtyczkę Web Developer Toolbar ze strony Firefox Add-ons

FireFTP

FireFTP jest wtyczką, która dodaje do naszego Firefoxa funkcjonalność klienta FTP. Wtyczka pozawala między innymi na zarządzanie wieloma kontami FTP oraz przeglądanie synchroniczne katalogów (czyli zmiana katalogu na serwerze FTP skutkuje zmianą katalogu lokalnego; bardzo przydatna funkcja).
Przyznam, że wtyczka jest bardzo wygodna i osobiście z niej korzystam do uploadu wszelkiego rodzaju plików na moje serwery FTP.

Pobierz wtyczkę FireFTP ze strony Firefox Add-ons

HTML Validator

HTML Validator jest małą wtyczką, która dodaje swoja ikonkę do paska stanu i wyświetla na niej stosowny obrazek informujący nas o tym, czy właśnie przeglądana strona jest poprawnie validowana.

Pobierz wtyczkę HTML Validator ze strony Firefox Add-ons

IE Tab

Wtyczka pozwala nam na uruchomienie silnika przeglądarki Internet Explorer w karcie Firefoxa. Dzięki temu zaoszczędzimy czas, jaki należałoby przeznaczyć na jego uruchomienie :]

Pobierz wtyczkę IE Tab ze strony Firefox Add-ons

ColorZilla

Często istnieje potrzeba sprawdzenia koloru na danej stronie - zadanie to znacznie ułatwki wtyczka ColorZilla. Dodatkowo umożliwia ona zoomowanie strony oraz mierzenie odległości między punktami.

Pobierz wtyczkę ColorZilla ze strony Firefox Add-ons

Regular Expressions Tester

Bardzo przydatna wtyczka, pozwala przetestować stosowane wyrażenia w czasie rzeczywistym, dając oszczędność czasu.

Pobierz wtyczkę Regular Expressions Tester ze strony Firefox Add-ons

SeoQuake

Narzędzie dla pozycjonerów. Dodaje do znalezionych w wyszukiwarkach wyników swoje pola, w których możemy zobaczyć np. notowania danej strony w różnych wyszukiwarkach, ilość zindeksowanych stron z danej witryny, ilość stron linkujących do witryny itp.

Pobierz wtyczkę SeoQuake ze strony Firefox Add-ons

View Source Chart

Wtyczka View Source Chart wyświetla nam diagram przedstawiający strukturę strony w formie kontenerów - tzw. główny kontener HTML zawiera w sobie kontenery Body i Head itd.

Pobierz wtyczkę View Source Chart ze strony Firefox Add-ons

CSS Sync

Projektując wizualną część witryny z użyciem CSS za każdą poprawką musimy odświeżyć stronę, aby zobaczyć wprowadzone zmiany. Wtyczka CSS Sync wyręcza nas w tym, a co więcej - nie przeładowuje strony, a jedynie plik CSS!

Pobierz wtyczkę CSS Sync ze strony Firefox Add-ons

Wasze sugestie?

Zapraszam do podzielenia się w komentarzach swoimi uwagami na temat opisanych tu wtyczek. Jeśli znasz jakąś przydatną wtyczkę, której tu nie ma, a z którą warto się zapoznać - również napisz!

Wpisy o podobnej tematyce

• Ładowanie obrazka
• Referencje w PHP
• Menu horyzontalne stylizowane na zakładki
• "Zen stosowania CSS"
• Jak przetestować serwis dla danej domeny, nie mając jej jeszcze wykupionej?