TS TworcaStron.pl.

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 - 7 wtyczek do Twojej przeglądarki, które ułatwią pracę

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 - 7 wtyczek do Twojej przeglądarki, które ułatwią pracę

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 - 7 wtyczek do Twojej przeglądarki, które ułatwią pracę

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:

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

 

Full Page Screen Capture

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

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 - 7 wtyczek do Twojej przeglądarki, które ułatwią pracę

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 - 7 wtyczek do Twojej przeglądarki, które ułatwią pracę

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 - 7 wtyczek do Twojej przeglądarki, które ułatwią pracę

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;)

Przydatne wtyczki do ATOM edytora [wideo]

Podczas kręcenia widea Atom – najlepszy edytor web developera obiecałem pokazać wtyczki, które znacząco przyśpieszają pracę i czynią z tego edytora naprawdę fajne narzędzie pracy, i które sam stosuję. Dziś spełniam obietnice i przedstawiam owe wtyczki.

Nagranie jest trochę przydługie więc już gratuluje tym, którym uda się wytrwać do końca 🙂 Starałem się ciąć jak mogłem, jednak chciałem przedstawić jak każda wtyczka działa (chociaż powierzchownie) i dlatego tak się rozciągnęło.

 

Wtyczki

Na nagraniu przedstawiam i z grubsza omawiam kilka wtyczek, które obecnie stosuję i uważam za naprawdę przydatne:

Przydatne wtyczki do Atom edytora [wideo]: