Projektanci spędzają dużo czasu na powtarzalnych zadaniach - wybieraniu palet kolorów, sprawdzaniu czcionek, testowaniu responsywności i szukaniu inspiracji. Wiele z tych czynności można zautomatyzować lub znacznie przyspieszyć dzięki odpowiednim wtyczkom do przeglądarki.
W tym artykule przedstawiono 34 przydatne narzędzia kompatybilne z Google Chrome. Usprawnią one przepływ pracy, skrócą czas wykonywania rutynowych zadań i zapewnią szybki dostęp do wszystkiego, czego potrzebujesz.
W tym artykule przedstawiono 34 przydatne narzędzia kompatybilne z Google Chrome. Usprawnią one przepływ pracy, skrócą czas wykonywania rutynowych zadań i zapewnią szybki dostęp do wszystkiego, czego potrzebujesz.
Zawartość:
Czym są rozszerzenia przeglądarki i jak je zainstalować?
Rozszerzenia przeglądarki (zwane również wtyczkami) to małe narzędzia, które dodają nowe funkcje do przeglądarki i pomagają wykonywać określone zadania bez przełączania się na usługi innych firm. Rozszerzenia te można znaleźć w oficjalnych sklepach każdej przeglądarki:
-
Chrom -
Mozilla Firefox -
Opera -
Microsoft Edge
Wszystkie wtyczki przedstawione w tym artykule są kompatybilne z Google Chrome.
Opera i Firefox mają osobne wersje rozszerzeń, które można znaleźć, wyszukując ich tytuły w odpowiednich sklepach. Większość wymienionych tutaj narzędzi jest darmowa, choć niektóre oferują zaawansowane funkcje za opłatą.
Opera i Firefox mają osobne wersje rozszerzeń, które można znaleźć, wyszukując ich tytuły w odpowiednich sklepach. Większość wymienionych tutaj narzędzi jest darmowa, choć niektóre oferują zaawansowane funkcje za opłatą.
Jak zainstalować rozszerzenie przeglądarki:
1
Otwórz sklep z rozszerzeniami w przeglądarce.
2
Wyszukaj rozszerzenie według nazwy.
3
Otwórz stronę rozszerzenia i kliknij przycisk "Zainstaluj".
4
Potwierdź instalację, postępując zgodnie z instrukcjami przeglądarki.
5
Po zainstalowaniu ikona rozszerzenia pojawi się na pasku narzędzi u góry lub w menu przeglądarki. Następnie przeglądarka pokaże, gdzie znajduje się ikona.
6
Jeśli rozszerzenie wymaga zalogowania się lub skonfigurowania dodatkowych ustawień, kliknij ikonę, aby otworzyć jego opcje.
Narzędzia kolorów
ColorZilla - wybierz kolory z dowolnej strony
ColorZilla pozwala zidentyfikować dowolny kolor na stronie i przeanalizować pełną paletę. Może generować gradienty CSS, sugerować harmonijne kombinacje kolorów (komplementarne, triadyczne, analogiczne itp.) i przechowywać historię ostatnio wybranych kolorów. Działa jak narzędzie kroplomierza w edytorach graficznych, dostarczając kody kolorów w formatach HEX, RGB lub HSL.
Jest idealny do identyfikacji koloru logo na stronie internetowej, tworzenia palety lub budowania gradientu pasującego do schematu kolorów witryny.
ColorZilla pozwala zidentyfikować dowolny kolor na stronie i przeanalizować pełną paletę. Może generować gradienty CSS, sugerować harmonijne kombinacje kolorów (komplementarne, triadyczne, analogiczne itp.) i przechowywać historię ostatnio wybranych kolorów. Działa jak narzędzie kroplomierza w edytorach graficznych, dostarczając kody kolorów w formatach HEX, RGB lub HSL.
Jest idealny do identyfikacji koloru logo na stronie internetowej, tworzenia palety lub budowania gradientu pasującego do schematu kolorów witryny.
Site Palette - generowanie palet kolorów
Site Palette analizuje kolory strony internetowej i tworzy gotowe do użycia palety. Palety można eksportować w formatach Google Palette lub Adobe Swatch.
Jest to świetne narzędzie do inspiracji lub pracy z referencjami - na przykład, jeśli przeprojektowujesz stronę internetową i chcesz zachować jej oryginalny balans kolorów, rozszerzenie podkreśli kluczowe odcienie.
Site Palette analizuje kolory strony internetowej i tworzy gotowe do użycia palety. Palety można eksportować w formatach Google Palette lub Adobe Swatch.
Jest to świetne narzędzie do inspiracji lub pracy z referencjami - na przykład, jeśli przeprojektowujesz stronę internetową i chcesz zachować jej oryginalny balans kolorów, rozszerzenie podkreśli kluczowe odcienie.
Narzędzia typograficzne
WhatFont - identyfikacja czcionek na stronie
WhatFont wykrywa czcionki używane w dowolnym miejscu na stronie internetowej. Wtyczka wyświetla nazwę, rozmiar, kolor i rodzinę czcionki. Działa szybciej niż wbudowane narzędzia programistyczne.
Użyj go, gdy chcesz szybko zidentyfikować czcionki na stronie - nie musisz otwierać narzędzi programistycznych.
WhatFont wykrywa czcionki używane w dowolnym miejscu na stronie internetowej. Wtyczka wyświetla nazwę, rozmiar, kolor i rodzinę czcionki. Działa szybciej niż wbudowane narzędzia programistyczne.
Użyj go, gdy chcesz szybko zidentyfikować czcionki na stronie - nie musisz otwierać narzędzi programistycznych.
Wystarczy aktywować rozszerzenie i najechać kursorem na dowolny blok tekstu - informacje o czcionce pojawią się w małym wyskakującym okienku.
Font Ninja - wypróbuj czcionki w przeglądarce
Font Ninja rozpoznaje czcionki i umożliwia ich "wypróbowanie" bezpośrednio w przeglądarce. Możesz wprowadzić własny tekst, aby zobaczyć, jak wygląda w różnych czcionkach. Rozszerzenie działa zarówno z Google Fonts, jak i komercyjnymi krojami pisma i od razu pokazuje ceny.
Jest to przydatne, jeśli chcesz przetestować nietypową czcionkę przed zakupem jej do projektu.
Font Ninja rozpoznaje czcionki i umożliwia ich "wypróbowanie" bezpośrednio w przeglądarce. Możesz wprowadzić własny tekst, aby zobaczyć, jak wygląda w różnych czcionkach. Rozszerzenie działa zarówno z Google Fonts, jak i komercyjnymi krojami pisma i od razu pokazuje ceny.
Jest to przydatne, jeśli chcesz przetestować nietypową czcionkę przed zakupem jej do projektu.
Jak wybrać czcionki dla strony internetowej lub artykułu?
Google Font Previewer - testuj czcionki bez edytowania CSS
Google Font Previewer pozwala wypróbować różne czcionki bez zmiany kodu CSS. Tymczasowo zastępuje typografię wybranych elementów lub całej strony, dzięki czemu można podejrzeć, jak czcionka wygląda w kontekście.
Użyj go, gdy klient poprosi Cię o "pobawienie się czcionkami" - możesz pokazać wizualną próbkę bez dotykania kodu. Rozszerzenie umożliwia również zapisanie kolekcji często używanych czcionek w celu szybkiego dostępu.
Google Font Previewer pozwala wypróbować różne czcionki bez zmiany kodu CSS. Tymczasowo zastępuje typografię wybranych elementów lub całej strony, dzięki czemu można podejrzeć, jak czcionka wygląda w kontekście.
Użyj go, gdy klient poprosi Cię o "pobawienie się czcionkami" - możesz pokazać wizualną próbkę bez dotykania kodu. Rozszerzenie umożliwia również zapisanie kolekcji często używanych czcionek w celu szybkiego dostępu.
Obrazy, narzędzia wideo i audio
Image Downloader - zapisywanie obrazów z dowolnej strony
To narzędzie umożliwia pobieranie obrazów z dowolnej strony internetowej. Skanuje stronę i zbiera wszystkie obrazy w jednym oknie, dzięki czemu można pobrać wszystko naraz lub wybrać tylko te, których potrzebujesz.
Na przykład, jeśli utworzyłeś tablicę nastrojów na Pinterest, możesz pobrać wszystkie obrazy z tablicy jednym kliknięciem.
To narzędzie umożliwia pobieranie obrazów z dowolnej strony internetowej. Skanuje stronę i zbiera wszystkie obrazy w jednym oknie, dzięki czemu można pobrać wszystko naraz lub wybrać tylko te, których potrzebujesz.
Na przykład, jeśli utworzyłeś tablicę nastrojów na Pinterest, możesz pobrać wszystkie obrazy z tablicy jednym kliknięciem.
Po aktywacji otworzy się osobne okno pokazujące wszystkie obrazy z bieżącej strony. Uwaga: Płatne zdjęcia stockowe zostaną pobrane ze znakami wodnymi.
SVG Grabber - wyodrębnij pliki SVG ze strony internetowej
SVG Grabber umożliwia przeglądanie, kopiowanie i pobieranie wszystkich plików SVG z dowolnej strony internetowej. Po włączeniu pokazuje wszystkie obrazy wektorowe na stronie z przyciskiem "Pobierz" pod każdym z nich.
Idealny do wyodrębniania logo firmy w formacie SVG, gdy nie masz czasu na żądanie plików.
SVG Grabber umożliwia przeglądanie, kopiowanie i pobieranie wszystkich plików SVG z dowolnej strony internetowej. Po włączeniu pokazuje wszystkie obrazy wektorowe na stronie z przyciskiem "Pobierz" pod każdym z nich.
Idealny do wyodrębniania logo firmy w formacie SVG, gdy nie masz czasu na żądanie plików.
Jak znaleźć atrakcyjne obrazy w serwisach ze zdjęciami?
Icons8 - dodawanie ilustracji do Dokumentów Google
Ta wtyczka umożliwia wstawianie ikon i obrazów z obszernej biblioteki Icons8 bezpośrednio do Dokumentów Google, Slajdów i Arkuszy - bez konieczności ręcznego pobierania lub przesyłania plików.
Świetne do moodboardów lub prezentacji dla klientów - możesz szybko wyszukiwać i wstawiać ilustracje bez przełączania kart.
Ta wtyczka umożliwia wstawianie ikon i obrazów z obszernej biblioteki Icons8 bezpośrednio do Dokumentów Google, Slajdów i Arkuszy - bez konieczności ręcznego pobierania lub przesyłania plików.
Świetne do moodboardów lub prezentacji dla klientów - możesz szybko wyszukiwać i wstawiać ilustracje bez przełączania kart.
Video DownloadHelper - zapisuj filmy z dowolnej strony internetowej
Pobieraj materiały wideo i audio bezpośrednio ze stron internetowych. Wtyczka może również konwertować pliki do formatów takich jak MP4, MKV lub WebM.
Jest to przydatne, gdy trzeba przesłać film, ale klient ma tylko wersję hostowaną na platformie wideo, a nie oryginalny plik.
Pobieraj materiały wideo i audio bezpośrednio ze stron internetowych. Wtyczka może również konwertować pliki do formatów takich jak MP4, MKV lub WebM.
Jest to przydatne, gdy trzeba przesłać film, ale klient ma tylko wersję hostowaną na platformie wideo, a nie oryginalny plik.
Narzędzia do analizy i edycji stron
Page Ruler - mierzenie elementów strony
Zmierzy dowolny element na stronie, w tym marginesy i odstępy między blokami. Obsługuje wiele jednostek: Piksele, procenty, milimetry i inne.
Można jej używać do sprawdzania zgodności układu ze specyfikacjami technicznymi lub do analizowania proporcji w odniesieniach wizualnych.
Zmierzy dowolny element na stronie, w tym marginesy i odstępy między blokami. Obsługuje wiele jednostek: Piksele, procenty, milimetry i inne.
Można jej używać do sprawdzania zgodności układu ze specyfikacjami technicznymi lub do analizowania proporcji w odniesieniach wizualnych.
CSS Peeper - przeglądaj style CSS
Przeglądaj style dowolnego elementu na stronie: Kolory, czcionki, odstępy i rozmiary. Narzędzie umożliwia również przeglądanie ilustracji, dokumentów, plików układu i filmów.
Ułatwia to studiowanie pracy innego projektanta lub przeglądanie własnej implementacji układu.
Przeglądaj style dowolnego elementu na stronie: Kolory, czcionki, odstępy i rozmiary. Narzędzie umożliwia również przeglądanie ilustracji, dokumentów, plików układu i filmów.
Ułatwia to studiowanie pracy innego projektanta lub przeglądanie własnej implementacji układu.
Visual Inspector UI - edytuj elementy strony internetowej
Błyskawicznie modyfikuj style i tekst na stronie - dostosowuj odstępy, kolory, typografię i nie tylko - a wszystko to bez edytowania kodu.
Dzięki temu idealnie nadaje się do szybkiego podglądu; na przykład, jeśli klient chce zmienić kolor przycisku, możesz od razu wyświetlić aktualizację przed wprowadzeniem jakichkolwiek zmian w kodzie.
Błyskawicznie modyfikuj style i tekst na stronie - dostosowuj odstępy, kolory, typografię i nie tylko - a wszystko to bez edytowania kodu.
Dzięki temu idealnie nadaje się do szybkiego podglądu; na przykład, jeśli klient chce zmienić kolor przycisku, możesz od razu wyświetlić aktualizację przed wprowadzeniem jakichkolwiek zmian w kodzie.
Jeśli dopiero zaczynasz korzystać z rozwiązań bez kodów, skorzystaj z tego ekskluzywnego kodu promocyjnego, aby uzyskać jeden miesiąc planu osobistego Tilda zamiast standardowego 2-tygodniowego okresu próbnego.
Zobacz instrukcje dotyczące aktywacji
Wappalyzer - identyfikacja technologii stron internetowych
Odkryj i przeanalizuj technologie stojące za stronami internetowymi: Języki programowania, frameworki, CMS-y, CRM-y, narzędzia analityczne i inne.
Jest to przydatne do badania rynku, analizy konkurencji, audytów SEO i zwiększania bezpieczeństwa witryny.
Odkryj i przeanalizuj technologie stojące za stronami internetowymi: Języki programowania, frameworki, CMS-y, CRM-y, narzędzia analityczne i inne.
Jest to przydatne do badania rynku, analizy konkurencji, audytów SEO i zwiększania bezpieczeństwa witryny.
Wtyczka wyświetla wyniki w wyskakującym okienku i umożliwia eksport danych.
Broken Link Checker - znajdź martwe linki
Przeprowadza głębokie skanowanie stron internetowych w celu wykrycia niedziałających linków, brakujących obrazów i błędów przekierowania. Może również analizować posty, strony, komentarze i pola niestandardowe. Uszkodzone linki mogą być stylizowane w różny sposób. Można je również wykluczyć z indeksowania w wyszukiwarkach, aby chronić swoje rankingi. Tilda oferuje również samodzielne narzędzie internetowe do skanowania pojedynczych stron lub całych witryn w poszukiwaniu niedziałających linków za pomocą zaledwie kilku kliknięć.
Przeprowadza głębokie skanowanie stron internetowych w celu wykrycia niedziałających linków, brakujących obrazów i błędów przekierowania. Może również analizować posty, strony, komentarze i pola niestandardowe. Uszkodzone linki mogą być stylizowane w różny sposób. Można je również wykluczyć z indeksowania w wyszukiwarkach, aby chronić swoje rankingi. Tilda oferuje również samodzielne narzędzie internetowe do skanowania pojedynczych stron lub całych witryn w poszukiwaniu niedziałających linków za pomocą zaledwie kilku kliknięć.
Lighthouse - audyt wydajności witryny
Przeprowadza kompleksowy audyt wydajności witryny, SEO, użyteczności i zgodności z najlepszymi praktykami PWA.
Generuje raport i sugeruje sposoby naprawienia problemów, takich jak zbyt duże obrazy lub brakujące metatagi.
Idealny do przeprowadzenia szybkiego audytu przed publikacją.
Przeprowadza kompleksowy audyt wydajności witryny, SEO, użyteczności i zgodności z najlepszymi praktykami PWA.
Generuje raport i sugeruje sposoby naprawienia problemów, takich jak zbyt duże obrazy lub brakujące metatagi.
Idealny do przeprowadzenia szybkiego audytu przed publikacją.
Zrzuty ekranu i narzędzia do nagrywania ekranu
GoFullPage - przechwytywanie pełnych zrzutów ekranu
Przechwytuj zrzuty ekranu całych stron lub wybranych obszarów, a następnie eksportuj je jako pliki PNG, JPEG lub PDF w różnych rozmiarach papieru.
Przechwytuj zrzuty ekranu całych stron lub wybranych obszarów, a następnie eksportuj je jako pliki PNG, JPEG lub PDF w różnych rozmiarach papieru.
Loom - nagrywaj instrukcje wideo
Nagraj swój ekran i dodaj lektora. Idealny do wyjaśniania decyzji projektowych klientom, dzielenia się opiniami z kolegami z zespołu lub tworzenia krótkich samouczków wideo. Możesz nagrać cały ekran lub tylko jedną kartę przeglądarki.
Nagraj swój ekran i dodaj lektora. Idealny do wyjaśniania decyzji projektowych klientom, dzielenia się opiniami z kolegami z zespołu lub tworzenia krótkich samouczków wideo. Możesz nagrać cały ekran lub tylko jedną kartę przeglądarki.
Narzędzia do prototypowania i testowania
Zmiana rozmiaru okna - testowanie układów w różnych rozdzielczościach
Podgląd wyglądu projektu na ekranach o różnych rozmiarach. Zawiera ustawienia wstępne dla popularnych urządzeń: Telefonów, tabletów, laptopów i komputerów stacjonarnych. Możesz także tworzyć niestandardowe rozmiary dla określonych potrzeb.
Podgląd wyglądu projektu na ekranach o różnych rozmiarach. Zawiera ustawienia wstępne dla popularnych urządzeń: Telefonów, tabletów, laptopów i komputerów stacjonarnych. Możesz także tworzyć niestandardowe rozmiary dla określonych potrzeb.
Perfect Pixel - porównaj projekt z ostatecznym układem
Nałóż półprzezroczysty obraz oryginalnego projektu na wierzch strony internetowej, aby sprawdzić idealne wyrównanie pikseli. Działa również do porównywania grafiki wektorowej, takiej jak logo lub ikony na różnych urządzeniach.
Nałóż półprzezroczysty obraz oryginalnego projektu na wierzch strony internetowej, aby sprawdzić idealne wyrównanie pikseli. Działa również do porównywania grafiki wektorowej, takiej jak logo lub ikony na różnych urządzeniach.
Wtyczka zawiera zestaw popularnych rozmiarów urządzeń, umożliwiając przełączanie się między nimi i łatwe testowanie responsywności.
Google Tag Assistant - sprawdź tagi GTM
Użyj go do wykrywania, weryfikacji i rozwiązywania problemów z różnymi integracjami Google Tag Manager. Może pomóc upewnić się, że narzędzia analityczne i skrypty innych firm są poprawnie skonfigurowane. Wtyczka skanuje kod, podkreśla błędy i sugeruje poprawki.
Przydatne podczas audytu technicznego - szczególnie do sprawdzania śledzenia danych.
Użyj go do wykrywania, weryfikacji i rozwiązywania problemów z różnymi integracjami Google Tag Manager. Może pomóc upewnić się, że narzędzia analityczne i skrypty innych firm są poprawnie skonfigurowane. Wtyczka skanuje kod, podkreśla błędy i sugeruje poprawki.
Przydatne podczas audytu technicznego - szczególnie do sprawdzania śledzenia danych.
Wizualna inspiracja
Muzli - znajdź referencje
To rozszerzenie zapewnia świeże pomysły z platform takich jak Dribbble, Behance i Awwwards. Dostosuj swój kanał, aby skupić się na określonych kategoriach, takich jak e-commerce, strony docelowe, typografia itp. Na przykład, jeśli pracujesz nad sklepem internetowym, po prostu otwórz rozszerzenie, ustaw odpowiednie filtry i przeglądaj podobne projekty stron internetowych.
To rozszerzenie zapewnia świeże pomysły z platform takich jak Dribbble, Behance i Awwwards. Dostosuj swój kanał, aby skupić się na określonych kategoriach, takich jak e-commerce, strony docelowe, typografia itp. Na przykład, jeśli pracujesz nad sklepem internetowym, po prostu otwórz rozszerzenie, ustaw odpowiednie filtry i przeglądaj podobne projekty stron internetowych.
Wtyczka ułatwia przełączanie się na Muzli w dowolnym momencie - szybkie badanie trendów wizualnych lub wyszukiwanie referencji według słów kluczowych lub motywu.
Evernote Web Clipper - zapisuj pomysły
Przypinaj pomysły i wizualizacje z sieci do cyfrowego notatnika. Zapisuj ulubione kolory, animacje, przejścia, ikony, czcionki i artykuły. Oznaczaj wszystko, aby mieć do nich łatwy dostęp później.
Przypinaj pomysły i wizualizacje z sieci do cyfrowego notatnika. Zapisuj ulubione kolory, animacje, przejścia, ikony, czcionki i artykuły. Oznaczaj wszystko, aby mieć do nich łatwy dostęp później.
Zapisz na Pinterest - twórz moodboardy
Zapisz dowolny pomysł z sieci na Pinterest. Twórz tablice z referencjami, moodboardy lub kolekcje wizualizacji w poszukiwaniu inspiracji. Obejmuje wyszukiwanie wizualne, aby znaleźć podobne obrazy. Idealne rozwiązanie, gdy klient udostępnia własne referencje - można natychmiast znaleźć podobne pomysły.
Zapisz dowolny pomysł z sieci na Pinterest. Twórz tablice z referencjami, moodboardy lub kolekcje wizualizacji w poszukiwaniu inspiracji. Obejmuje wyszukiwanie wizualne, aby znaleźć podobne obrazy. Idealne rozwiązanie, gdy klient udostępnia własne referencje - można natychmiast znaleźć podobne pomysły.
Instapaper - czytaj artykuły offline
Zapisuj artykuły i zestawienia projektów do przeczytania później. Organizuj treści w folderach i uzyskuj do nich dostęp z dowolnego urządzenia - nawet bez dostępu do Internetu, na przykład w samolocie.
Zapisuj artykuły i zestawienia projektów do przeczytania później. Organizuj treści w folderach i uzyskuj do nich dostęp z dowolnego urządzenia - nawet bez dostępu do Internetu, na przykład w samolocie.
Narzędzia do optymalizacji przepływu pracy
Zarządzanie czasem
Bardeen - automatyzacja przepływu pracy
Twórz niestandardowe automatyzacje dla rutynowych zadań. Na przykład, gdy klient wysyła opinię e-mailem, Bardeen może utworzyć kartę Trello z listą rzeczy do zrobienia i wysłać wiadomość z potwierdzeniem. Działa z narzędziami takimi jak Arkusze Google, Zoom i Trello.
Twórz niestandardowe automatyzacje dla rutynowych zadań. Na przykład, gdy klient wysyła opinię e-mailem, Bardeen może utworzyć kartę Trello z listą rzeczy do zrobienia i wysłać wiadomość z potwierdzeniem. Działa z narzędziami takimi jak Arkusze Google, Zoom i Trello.
Todoist - organizuj zadania
Planuj i ustalaj priorytety zadań, ustalaj terminy i otrzymuj przypomnienia. Narzędzie pozwala oddzielić zadania służbowe od osobistych i współpracować na udostępnionych listach ze współpracownikami lub rodziną.
Planuj i ustalaj priorytety zadań, ustalaj terminy i otrzymuj przypomnienia. Narzędzie pozwala oddzielić zadania służbowe od osobistych i współpracować na udostępnionych listach ze współpracownikami lub rodziną.
Wtyczka pozwala organizować codzienne zadania - zarówno osobiste, jak i związane z pracą - bez konieczności przełączania się na usługi innych firm.
StayFocusd - wyeliminuj czynniki rozpraszające
Blokuj dostęp do rozpraszających stron internetowych w godzinach pracy. Ograniczenie czasu spędzanego w mediach społecznościowych lub witrynach rozrywkowych może pomóc w utrzymaniu koncentracji i zwiększeniu produktywności.
Blokuj dostęp do rozpraszających stron internetowych w godzinach pracy. Ograniczenie czasu spędzanego w mediach społecznościowych lub witrynach rozrywkowych może pomóc w utrzymaniu koncentracji i zwiększeniu produktywności.
Momentum - skonfiguruj obszar roboczy
Zastąp stronę nowej karty stroną - pulpitem produktywności: Lista zadań, licznik czasu skupienia, szybkie łącza i inspirujący cytat - wszystko w jednym widoku.
Zastąp stronę nowej karty stroną - pulpitem produktywności: Lista zadań, licznik czasu skupienia, szybkie łącza i inspirujący cytat - wszystko w jednym widoku.
Toggl - śledź spędzony czas
Rejestruj, ile czasu poświęcasz na każde zadanie. Jest to szczególnie pomocne dla nowych projektantów, ponieważ ułatwia poprawę szacunków czasowych, tworzenie dokładnych harmonogramów projektów i ustalanie realistycznych terminów.
Rejestruj, ile czasu poświęcasz na każde zadanie. Jest to szczególnie pomocne dla nowych projektantów, ponieważ ułatwia poprawę szacunków czasowych, tworzenie dokładnych harmonogramów projektów i ustalanie realistycznych terminów.
Zarządzanie kartami
OneTab - zwijanie otwartych kart
Zwija wszystkie otwarte karty w jedną listę. Na przykład, jeśli badasz grupę docelową i masz otwarte dziesiątki kart, ale nagle musisz przełączyć się na edycję klienta - wystarczy kliknąć raz, aby zapisać wszystko na później. Spowoduje to wyczyszczenie przestrzeni roboczej i zwolnienie pamięci RAM. Możesz przywrócić wszystkie karty naraz lub jedną po drugiej.
Zwija wszystkie otwarte karty w jedną listę. Na przykład, jeśli badasz grupę docelową i masz otwarte dziesiątki kart, ale nagle musisz przełączyć się na edycję klienta - wystarczy kliknąć raz, aby zapisać wszystko na później. Spowoduje to wyczyszczenie przestrzeni roboczej i zwolnienie pamięci RAM. Możesz przywrócić wszystkie karty naraz lub jedną po drugiej.
Toby for Tabs - uporządkuj swoje karty
Użyj go, aby zaprowadzić porządek w przeglądarce. Organizuj grupy kart w obszary robocze i przełączaj się między nimi w razie potrzeby.
Rozpocznij dzień od wstępnie ustawionej grupy kart związanych z pracą i zamknij je w wieczorem, nie tracąc niczego. Wszystko synchronizuje się na różnych urządzeniach - możesz kontynuować pracę na w miejscu, w którym ją przerwałeś, nawet z innego komputera.
Użyj go, aby zaprowadzić porządek w przeglądarce. Organizuj grupy kart w obszary robocze i przełączaj się między nimi w razie potrzeby.
Rozpocznij dzień od wstępnie ustawionej grupy kart związanych z pracą i zamknij je w wieczorem, nie tracąc niczego. Wszystko synchronizuje się na różnych urządzeniach - możesz kontynuować pracę na w miejscu, w którym ją przerwałeś, nawet z innego komputera.
Bezpieczeństwo
HTTPS Everywhere - zabezpiecz swoje połączenie
Użyj go, aby zabezpieczyć swoje połączenia w miejscach publicznych. Narzędzie to zmusza strony internetowe do korzystania z protokołu HTTPS - nawet jeśli domyślnie tego nie robią - szyfrując dane wysyłane i odbierane online. Jest to szczególnie przydatne podczas pracy w kawiarniach lub przestrzeniach coworkingowych, co czyni go doskonałym narzędziem dla niezależnych projektantów.
Użyj go, aby zabezpieczyć swoje połączenia w miejscach publicznych. Narzędzie to zmusza strony internetowe do korzystania z protokołu HTTPS - nawet jeśli domyślnie tego nie robią - szyfrując dane wysyłane i odbierane online. Jest to szczególnie przydatne podczas pracy w kawiarniach lub przestrzeniach coworkingowych, co czyni go doskonałym narzędziem dla niezależnych projektantów.
AdGuard - blokuje wszystkie reklamy
Zwiększa komfort przeglądania Internetu, blokując wszystkie rodzaje irytujących reklam - w tym reklamy wideo YouTube, wyskakujące okienka, banery, reklamy natywne itp. Wyłącza również moduły śledzące, które monitorują Twoją aktywność online, przyspieszając ładowanie strony i zmniejszając zużycie danych.
Zwiększa komfort przeglądania Internetu, blokując wszystkie rodzaje irytujących reklam - w tym reklamy wideo YouTube, wyskakujące okienka, banery, reklamy natywne itp. Wyłącza również moduły śledzące, które monitorują Twoją aktywność online, przyspieszając ładowanie strony i zmniejszając zużycie danych.
Po zainstalowaniu działa automatycznie na wszystkich stronach internetowych - nie trzeba go włączać ani wyłączać.
LastPass - zapisuj hasła
Służy do bezpiecznego przechowywania, zarządzania i automatycznego uzupełniania haseł. Szyfruje dane, aby zapobiec wyciekom i synchronizuje się na wszystkich urządzeniach. Podczas rejestracji w nowej witrynie może wygenerować silne hasło.
Służy do bezpiecznego przechowywania, zarządzania i automatycznego uzupełniania haseł. Szyfruje dane, aby zapobiec wyciekom i synchronizuje się na wszystkich urządzeniach. Podczas rejestracji w nowej witrynie może wygenerować silne hasło.
Przydatna ściągawka z wtyczek
Aby pomóc Ci w bardziej efektywnym przeglądaniu, oto lista wtyczek z krótkim przeglądem ich funkcji. Zapisz ją, przetestuj różne narzędzia i wybierz te, które działają najlepiej dla Ciebie.
ColorZilla - wybierz kolor, stwórz paletę strony internetowej, wygeneruj gradient CSS.
Site Palette - wyodrębnij schemat kolorów strony internetowej, wyeksportuj do Google Palette lub Adobe Swatch.
Site Palette - wyodrębnij schemat kolorów strony internetowej, wyeksportuj do Google Palette lub Adobe Swatch.
WhatFont - identyfikuje czcionki na dowolnej stronie internetowej.
Font Ninja - wypróbuj czcionki, sprawdź licencje komercyjne.
Google Font Previewer - testuj czcionki bez edytowania CSS.
Font Ninja - wypróbuj czcionki, sprawdź licencje komercyjne.
Google Font Previewer - testuj czcionki bez edytowania CSS.
Icons8 - wstawianie ikon i ilustracji bezpośrednio do Dokumentów Google.
Image Downloader - pobieranie obrazów i ikon z dowolnej strony internetowej.
SVG Grabber - wyodrębnianie i pobieranie plików SVG.
Video DownloadHelper - pobieranie wideo lub audio z dowolnej strony internetowej.
Image Downloader - pobieranie obrazów i ikon z dowolnej strony internetowej.
SVG Grabber - wyodrębnianie i pobieranie plików SVG.
Video DownloadHelper - pobieranie wideo lub audio z dowolnej strony internetowej.
Page Ruler - mierzy elementy strony i odstępy między nimi.
CSS Peeper - sprawdza czcionki, kolory i style na dowolnej stronie internetowej.
Wappalyzer - wykrywa technologie używane przez stronę internetową.
Visual Inspector UI - tymczasowo edytuje style i testuje zmiany układu.
Broken Link Checker - znajduje niedziałające linki i błędy obrazu.
Lighthouse - przeprowadza pełny audyt techniczny strony internetowej.
CSS Peeper - sprawdza czcionki, kolory i style na dowolnej stronie internetowej.
Wappalyzer - wykrywa technologie używane przez stronę internetową.
Visual Inspector UI - tymczasowo edytuje style i testuje zmiany układu.
Broken Link Checker - znajduje niedziałające linki i błędy obrazu.
Lighthouse - przeprowadza pełny audyt techniczny strony internetowej.
GoFullPage - robienie i opisywanie zrzutów ekranu na całą stronę.
Loom - nagrywanie ekranu z podkładem głosowym.
Loom - nagrywanie ekranu z podkładem głosowym.
Window Resizer - sprawdzanie responsywnych układów.
Perfect Pixel - porównywanie układu z oryginalnym projektem.
Google Tag Assistant - rozwiązywanie problemów z tagami GTM.
Perfect Pixel - porównywanie układu z oryginalnym projektem.
Google Tag Assistant - rozwiązywanie problemów z tagami GTM.
Save to Pinterest - zbieranie pomysłów wizualnych i tworzenie moodboardów.
EvernoteWeb Clipper - zapisywanie pomysłów i organizowanie ich według kategorii.
Instapaper - tworzenie listy lektur offline.
Bardeen - automatyzacja rutynowych zadań we wszystkich narzędziach.
Todoist - planowanie i priorytetyzacja zadań.
StayFocusd - blokowanie rozpraszających stron internetowych w godzinach pracy.
Momentum - przekształcenie nowej karty w pulpit produktywności.
Toggl - śledzenie czasu spędzonego na zadaniach.
Todoist - planowanie i priorytetyzacja zadań.
StayFocusd - blokowanie rozpraszających stron internetowych w godzinach pracy.
Momentum - przekształcenie nowej karty w pulpit produktywności.
Toggl - śledzenie czasu spędzonego na zadaniach.
Toby for Tabs - organizuje zakładki w obszary robocze.
OneTab - zwija wszystkie zakładki w jedną listę.
OneTab - zwija wszystkie zakładki w jedną listę.
HTTPS Everywhere - zapewnia bezpieczne połączenia nawet na stronach bez HTTPS.
AdGuard - blokuje reklamy, elementy śledzące i wyskakujące okienka.
LastPass - przechowuje i synchronizuje hasła na wszystkich urządzeniach.
AdGuard - blokuje reklamy, elementy śledzące i wyskakujące okienka.
LastPass - przechowuje i synchronizuje hasła na wszystkich urządzeniach.
Stuknij, aby wyświetlić pełny rozmiar i zapisać na później
Stuknij, aby wyświetlić pełny rozmiar i zapisać na później
Jeśli podobał Ci się ten artykuł, podziel się nim ze znajomymi. Dziękujemy!
Czytaj także:
Darmowy podręcznik o tym, jak projektować, konfigurować i uruchamiać strony docelowe o wysokiej konwersji
Darmowy praktyczny przewodnik po animacjach internetowych z przykładami, technikami,
i wskazówki, jak z nich korzystać
