5 niezbędnych wtyczek do Chrome każdego front-end developera

5 niezbędnych wtyczek do Chrome każdego front-end developera

Dziś chciałbym pokazać wam 5 niezbędnych wtyczek do Chrome, które każdy szanujący się front-endowiec powinien zainstalować. Być może część z nich znacie. Być może macie ciekawsze alternatywy. Pewne jest to, że bez nich zmarnowałbym już masę cennego czasu.

1. EditThisCookie

Jak sama nazwa wskazuje, EditThisCookie jest prostym narzędziem do przeglądania, edytowania i usuwania ciasteczek na aktualnie załadowanej stronie. Pliki cookies odgrywają dużą rolę we współczesnym internecie. Często potrzebuję wglądu do zapisanych cookies i nie wyobrażam sobie za każdym razem szukać ich w ustawieniach przeglądarki.

Pobierz EditThisCookie

2. Clear Cache Shortcut

Ta prosta wtyczka pozwala skasować dane podręczne jednym kliknięciem. Oprócz ikonki w pasku przeglądarki, możemy czyścić cache z klawiatury wpisując w pasku adresu kolejno:
"cache" → Klawisz TAB → "c" → Klawisz ENTER.
Clear Cache Shortcut wykorzystuje Browsing Data API obsługiwane przez Chrome 19+.

Pobierz Clear Cache Shortcut

3. Wappalyzer

Wappalyzer to narzędzie służące do wykrywania technologii wykorzystanych na danej stronie internetowej. Wtyczka wykrywa systemy zarządzania treścią, frameworki webowe, technologie serwerowe czy platformy e-commerce. Pełna lista obsługiwanych technologii dostępna jest na oficjalnej stronie https://wappalyzer.com/applications.

Pobierz Wappalyzer

4. Page Ruler

Mój faworyt. Page Ruler to bardzo proste narzędzie pozwalające rysować line na wyświetlanym ekranie strony. Wtyczka oblicza szerokość i wysokość wybranego obszaru a także pozycję względem okna przeglądarki. Przydaje się właściwie wszędzie: od pozycjonowania i wyrównywania elementów aż po typografię.

Pobierz Page Ruler

5. Window Resizer

Na koniec coś pomocnego w pracy web designerów i developerów. Window Resizer to nic innego jak narzędzie dopasowujące wielkość okna przeglądarki do wymiarów najpopularniejszych urządzeń. Lista dostępnych rozmiarów okna jest edytowalna co pozwala zmieniać i definiować własne.

Pobierz Window Resizer

Popularne wpisy

Kodowanie

Responsywne menu — 3 sprawdzone rozwiązania

Responsywne menu — 3 sprawdzone rozwiązania

Czytaj to
Mixiny SCSS – czyli jak uprzyjemniam sobie pracę

Mixiny SCSS – czyli jak uprzyjemniam sobie pracę

Czytaj to

Felietony

Błędy początkujących webmasterów, których warto unikać

Błędy początkujących webmasterów, których warto unikać

Czytaj to
Dlaczego frameworki HTML często nie mają sensu?

Dlaczego frameworki HTML często nie mają sensu?

Czytaj to

Inspiracje

Zestaw prostych i ciekawych przycisków na stronę

Zestaw prostych i ciekawych przycisków na stronę

Czytaj to
Najlepsze strony, z których pobierzesz darmowe zdjęcia

Najlepsze strony, z których pobierzesz darmowe zdjęcia

Czytaj to

Newsletter

Maksymalnie raz w miesiącu dostaniesz powiadomienie o nowych wpisach.
Zapisz się do newslettera — ja nie śmiecę.

Ta strona wykorzystuje pliki cookies wyłącznie w celach statystycznych.