7 wtyczek do Twojej przeglądarki, które ułatwią pracę

Każdy stosuje jakieś wtyczki, czy to w Chromie, Operze czy Firefoxie. Zdecydowana większość stworzona jest pod wszystkie przeglądarki. Dziś chcę pokazać kilka, które mi przydają się na co dzień.

Wappalyzer

wappalyzer

Rozpoznaje CMS na jakim postawiona jest strona. Dodatkowo wykrywa większość zastosowanych technologii, np. w jakim języku tworzana jest strona, czy posiada statystyki Googla, frameworki, czasami skrypty, Google Fonts itd. Ostanio dzięki temu wiedziałem wszystko o stronie klienta zanim ten zdążył ją opisać.

 

Font Face Ninja

fonfaceninja

Bardzo przyjemna wtyczka, która rozpoznaje wskazane myszką fonty. Oprócz nazwy fonta dostajemy info. o rozmiarze, wysykości linii czy odległości między znakami.

 

WebDeveloper

webdeveloper

Wtyczka dla każdego web developera. Bardzo rozbudowana. Wtyczka jest już stara i chyba nawet od dawna nie aktualizowana. Jednak mimo to cały czas może bez problemu z niej korzystać .Daje nam wiele możliwości:

  • podgląd strony na różnych rozdzielnościach (teraz już mniej przydatne)
  • wyłączenie JS, lub samych powiadomień/popupów
  • walidacja kodu
  • zarządzanie cookies (wysłączanie, dodawanie, usuwanie)
  • zarządzanie formularzami (coś z czego ja często korzystam)
  • zarządzenie obrazami (np. wyświetlenie ścieżki do każdego zdjęcia, wyświetlenie rozmiarów, ukrywanie obrazów, przeładowanie, wyświetlenie samych obrazów na oddzielnej stronie itd.)

Możliwości tej wtyczki są naprawdę ogromne i można byłoby na jej temat napisać osobny wpis.

 

Full Page Screen Capture

fullpagecapture

Jest bardzo prosta i ma jedno zadanie: zrobić screena całej strony, od góry do dołu. Nie ważne jak długa by była. Do czego się może przydać? Często zanim zaczynam pracę przeglądam dziesiątki stron i cześć chcę sobie zapisać gdzieś w folderze do późniejszego wglądu. Taka teczka inspiracji. Nie muszę bawić się w robienie i łączenie screenów. Ta wtyczka robi zdjęcie całej strony jednym kliknięciem.

 

Eye Dropper

eyedropper

Miałeś sytuację, że chciałeś pobrać ze strony jakiś konkretny kolor? Eye Dropper tworzy próbnik, dzięki któremu możesz zobaczyć składowe każdego koloru na stronie bez zabawy w plikach CSS. Co więcej pozwala pobrać kolory także ze zdjęć czy czegokolwiek innego.

 

Image Downloader

imagedownloader

Wtyczka dosyć prosta ale bardzo przydatna. Pozwala pobrać za kilkoma kliknięcami wszystkie zdjęcia ze strony. Jeżeli miałeś kiedyś klienta, mówiącego „niech Pan pobierze sobie nasze zdjęcia ze strony, my nie wiemy jak się do nich dostać” – to w końcu możesz odejść bez nerwów i je pobrać.

 

Dimensions

dimensions

Fajna wtyczka, która pozwala na szybie sprawdzenie odległości pomiędzy elementami na stronie.

 

O AdBlocku czy Firebugu nie wspiminam. Myślę, że zna i używa je praktycznie każdy:)

Używacie innych ciekawych wtyczek? Dajcie znać w komentarzach;)