10 dodatków do Google Chrome, które pomogą Ci w tworzeniu stron internetowych

Google Chrome jest obecnie najpopularniejszą przeglądarką na świecie (wg różnych źródeł posiada ponad połowę rynku). Co za tym idzie, to właśnie na nią powstaje najwięcej dodatków, które potrafią znacznie rozbudować jej funkcjonalności oraz sprawić, że będzie nam się lepiej korzystało z Internetu.

Właśnie. Przy korzystaniu z Internetu warto się zatrzymać, bo w końcu jako web developerzy i web designerzy nie tylko go używamy ale też tworzymy i właśnie w tym mogą nam pomóc dodatki wymienione w tym oto artykule!

Przedstawiam 10 ciekawych rozszerzeń, które mogą pomóc Ci w tworzeniu stron internetowych oraz sprawić, że Twoja praca stanie się przyjemniejsza. Zapraszam!


Numer 1: Wappalyzer.

Dodatek Weppalyzer

Listę otwiera świetny dodatek, który pokazuje technologie używane w przeglądanej przez nas witrynie.

Wystarczy zainstalować nasze rozszerzenie, wejść na stronę, którą chcemy “prześwietlić” oraz kliknąć na ikonkę dodatku, tak jak na powyższym zrzucie. Naszym oczom ukaże się lista zawierająca wszystko to, co zostało użyte w witrynie. Od systemu CMS, przez biblioteki, aż po typ serwera, na którym jest nasz serwis.


Numer 2: Lorem Ipsum Generator.

Dodatek Lorem Ipsum Generator

Kolejne, tym razem znacznie prostsze rozszerzenie pozwala na szybkie kopiowanie przykładowego tekstu, tzw. “dummy contentu”. Posiada trochę opcji, takich jak np. ilość akapitów, linii oraz automatyczne zaznaczanie.


Numer 3: Emmet Re:view.

Dodatek Emmet Re:view

Bardzo ciekawy dodatek stworzony do testowania responsywności stron internetowych.

Po jego uruchomieniu witryna znika i pokazuje się kilka “okienek” z poszczególnymi rozdzielczościami lub rozmiarami konkretnych urządzeń (możemy to wybrać za pomocą opcji na górze).


Numer 4: CollorZilla.

Rozszerzenie ColorZilla

Kolejny prosty dodatek, który tym razem służy do pobierania kolorów ze strony oraz wybierania nowych z palety barw. Dodatkowo pozwala na automatyczną analizę strony pod kątem znajdujących się na niej kolorów.


Numer 5: WhatFont.

Rozszerzenie WhatFont

Ciekawy dodatek, który sprawdza fonty na stronie internetowej. Wystarczy najechać kursorem na jakikolwiek tekst, a obok pokaże się ciemny tooltip z nazwą fontu.

Numer 6: Clear Cache.

Dodatek Clear Cache

Maksymalnie proste rozszerzenie, które pozwala na błyskawiczne wyczyszczenie pamięci cache przeglądarki. Wystarczy kliknąć w ikonkę naszego dodatku.


Numer 7: Full Page Screen Capture.

Dodatek Full Page Screen Capture

Kolejny dodatek tworzy nam zrzuty całych witryn. Wystarczy w niego kliknąć, a reszta zajdzie automatycznie – rozszerzenie stworzy nam trochę screenów, po czym połączy je w jeden plik.

Swoją drogą Google niedawno wprowadził tę funkcję natywnie, ale jest tak ukryta, że często łatwiej będzie korzystać z tego dodatku. 🙂


Numer 8: Baseliner.

Addon Baseliner

Coś dla osób kochających pixel perfect. 🙂 Dodatek Baseliner tworzy poziome linie, które mogą pomóc w tworzeniu układu naszej witryny. Dodatkowo można je edytować, za pomocą opcji widocznych na załączonym zrzucie.


Numer 9: Web Developer.

Addon Web Developer

Kolejny dodatek, który na pewno można określić jako najbardziej rozbudowany, ale jednocześnie mający duże problemy z bezpieczeństwem (w ostatnim czasie).

Oczywiście mowa tu o Web Developer. Daje on nam możliwość pracy przy różnych elementach stron internetowych, wyłączania poszczególnych zasobów i wiele, wiele więcej.

Numer 10: PerfectPixel (dodany 23.08.2017).

Dodatek PicturePixel

Ostatnim rozszerzeniem jest zaproponowane przez Olgę PerfectPixel. Pozwala nam bardzo prosto sprawdzać wygląd grafik na naszej stronie w sposób znany z programów graficznych.

Podsumowanie.

Jak widać narzędzia programistyczne, wbudowane w przeglądarkę nie stanowią dla nas ograniczenia. Jeśli nie są one dla Ciebie wystarczające lub dostatecznie wygodne, to mogą zostać rozszerzone o nowe dodatki, których jak widać jest mnóstwo! 🙂

A Ty jakich rozszerzeń używasz? Podziel się w komentarzu! 🙂

Programista zakochany w JavaScript’cie, twórca stron internetowych i jak widać od niedawna bloger 🙂
12 comments Add yours
    1. To zawsze jest podstawa Marcinie, ale jednak nie wszystko możemy zrobić z jego pomocą lub tak wygodnie jak przez wymienione dodatki. 🙂

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *