Rozszerzenia Chrome web master

Rozszerzenia Chrome’a przydatne przy projektowaniu stron www

Prezentujemy 5 rozszerzeń przeglądarki, z których chętnie korzystają zarówno doświadczeni jak i początkujący web designerzy

Window Resizer

Obecnie projektuje się wyłącznie responsywne strony internetowe, czyli takie które elastycznie dopasowują treść do różnych ekranów – komputera, tabletu czy smartfona.

Tak więc budując witrynę musimy na bieżąco kontrolować jak wyświetla się na różnych ekranach. Ciągłe przeglądanie projektu na kilku różnych urządzeniach to jednak uciążliwe zajęcie. Przyda nam się w tej sytuacji rozszerzenie do Chrome’a o nazwie Window Resizer. Po jego zainstalowaniu wyświetlamy stronę na ekranie komputera, klikamy w ikonę resizera i wybieramy ekran o określonej rozdzielczości odpowiadający wybranemu urządzeniu np. iPodowi czy smartfonowi

CSSViewer

Przy tworzeniu własnego projektu możemy szukać inspiracji na witrynach, które szczególnie przypadły nam do gustu. Oczywiście nie chodzi o kopiowanie cudzych projektów, ale jedynie o podpatrzenie jak niektóre elementy zostały rozwiązane z użyciem kodu CSS. Tutaj w sukurs przyjdzie nam CSSViewer. Po otwarciu strony i aktywacji narzędzia najeżdżamy na wybrany element i otrzymujemy pełną informację jak został on zdefiniowany w dokumencie CSS

WhatFont

We współczesnym web designie bardzo ważną rolę odgrywa typografia. Dobrze dobrane i harmonizujące fonty to połowa sukcesu w projektowaniu atrakcyjnej strony. W tym przypadku również możemy się inspirować stronami stworzonymi przez najbardziej utalentowanych projektantów. Po aktywacji rozszerzenia najeżdżamy kursorem na wybrany tekst, klikamy i uzyskujemy pełna informację jaki font został użyty i jak go “ostylowano” (grubość, kolor itd.) 

SEO Analysis & Website Review

Po stworzeniu strony musimy zadbać o to, by wyświetlała się na wysokich pozycjach w Google, podejmujemy zatem różnego typu działania pozycjonujące on-site i off-site.  Rozszerzenie SEO Analysis & Website Review pozwoli nam sprawdzić co zostało zrobione dobrze, a co jeszcze wymaga pracy. Po wyświetleniu naszej strony klikamy w ikonę i po chwili otrzymamy kompendium informacji na temat optymalizacji SEO naszej strony.

Palette Creator

Rozpoczynając pracę nad projektem strony internetowej musimy zdecydować się na określoną paletę kolorystyczną. Inspiracją może tu być np. natura utrwalona na zdjęciach. Pomocnym narzędziem będzie Palette Creator. Po wyszukaniu odpowiedniego zdjęcia w internecie najeżdżamy na na kursorem, klikamy prawym przyciskiem myszy, wybieramy Palette Creator i uzyskujemy gamę kolorów opartych na fotografii.

Social Media