Dziś udostępniam Ci moją wyselekcjonowaną listę 12 rozszerzeń Chrome dla projektantów i programistów. Bardzo się cieszę, że to moja specjalizacja, więc przejdźmy od razu do rzeczy.
1. Wielkie pończochy
The Great Suspender to bezpłatne rozszerzenie Google Chrome typu open source, które minimalizuje ilość pamięci używanej przez Chrome. Czyni to poprzez automatyczne zawieszanie kart, które były uśpione.Pod maską to, co robi, to usuwanie uśpionych stron internetowych z ich grafiki, JS itp.
Rozszerzenie Great Suspender do Chrome
2. Kontrola UX
Kontrola UX Rozszerzenie Chrome pomaga rozpoznawać problemy z użytecznością dzięki szybkiej i łatwej ocenie heurystycznej.
Przepływ pracy jest prosty. Kliknij ikonę, aby uruchomić Dziesięć heurystyk Nielsena w panelu bocznym, podobnie jak w przypadku narzędzi Chrome Dev . Możesz kliknąć dowolne elementy, które nie przejdą oceny, aby dodać notatki, zrobić zrzuty ekranu i wyeksportować jako plik s docx w celu łatwego udostępniania.
UX Sprawdź rozszerzenie Chrome
3. Zakraplacz do oczu
Zakraplacz do oczu to według mnie najbardziej niesamowite narzędzie do wybierania kolorów.Zawiera 2 zakładki — Eyeddropper i Cooler selektor. Narzędzie Kroplomierz umożliwia wybieranie kolorów z dowolnej strony internetowej, a narzędzie Próbnik kolorów umożliwia wybieranie kolorów niestandardowych.
Kolory pobrane ze stron internetowych lub wybrane z karty próbnika kolorów są automatycznie zapisywane w palecie, którą można pobrać jako plik CSV. Ponadto Eye Dropper wyświetla wszystkie kolory w kodach RGB, HSL, HEX i według nazwy oraz obsługuje skróty klawiaturowe.
Rozszerzenie Kroplomierz do Chrome
4. CzcionkaFace Ninja
FontFace Ninja może wyświetlać informacje o dowolnych czcionkach na dowolnej stronie internetowej. Zawiera linki do pobierania bezpłatnych czcionek oraz opcję wyświetlania cen płatnych.
FontFace Ninja ma również opcje używania trybu ciemnego, wykrywania czcionek na obrazach (beta) i wyświetlania opcji zakładek.
Rozszerzenie FontFace Ninja do przeglądarki Chrome
5. Linijka strony
Page Ruler to minimalistyczne rozszerzenie linijki, które umożliwia mierzenie szerokości i wysokości stron internetowych. Zawiera kilka skrótów klawiaturowych, nawigację po elementach nadrzędnych i podrzędnych, wskazówki dotyczące pomiarów i lokalizację w 10 językach.
Rozszerzenie Page Linijka do przeglądarki Chrome
6. Narzędzie do pobierania wideo z Facebooka
FB Down umożliwia łatwe pobieranie filmów z Facebooka i dowolnej innej strony z odtwarzaniem wideo. Możesz go używać do pobierania wszystkich popularnych formatów multimediów, w tym niektórych filmów chronionych prawami autorskimi (jeśli wybierzesz pobieranie wideo bez dźwięku).
FB Down działa jak sniffer linków na stronach internetowych, a ikona zapala się, gdy widzi zawartość do pobrania.
Facebook Video Downloader Rozszerzenie Chrome
7. PerfectPixel
PerfectPixel autorstwa WellDoneCode to najlepsze rozszerzenie do tworzenia stron internetowych o perfekcyjnej rozdzielczości. Pozwala ustawić obrazy jako nakładki, które można porównać z witryną programistyczną. Obsługuje skróty klawiaturowe, półprzezroczystą nakładkę na obraz i nie tylko.
Rozszerzenie PerfectPixel do przeglądarki Chrome
8. Blaszane Oko
TinEye to doskonałe narzędzie do wyszukiwania odwrotnego obrazu i pierwsze, które wdraża technologię identyfikacji obrazu zamiast słów kluczowych, metadanych lub znaków wodnych. Działa poprzez tworzenie unikalnych podpisów cyfrowych dla obrazów, a następnie porównuje podpisy z podpisami w swoim indeksie.
TinEye nie tylko zwraca podobne obrazy w wynikach wyszukiwania, ale także dokładne dopasowania, nie wykluczając przyciętych, zmienionych rozmiarów i edytowanych wersji.
Rozszerzenie TinyEye do przeglądarki Chrome
9. CSS Pepper
CSS Pepper umożliwia wyodrębnianie CSS (nawet z ukrytych obiektów) i tworzenie pięknych przewodników po stylach w dobrze zorganizowany sposób. Dzięki temu projektanci i programiści mogą spędzać czas na pracy nad projektem, a nie na przeszukiwaniu kodu.
CSS Pepper Rozszerzenie Chrome
10. Co działa
WhatRuns informuje o wszystkim, co działa na dowolnej stronie internetowej, w tym o frameworkach, motywach, czcionkach, CMS itp.
Możesz także śledzić strony internetowe, aby rozszerzenie powiadamiało Cię o dodaniu nowych technologii.
WhatRuns Chrome Extension
11. Muzli
Muzli to bezpłatne rozszerzenie, które przenosi tysiące pięknych, inspirujących projektów prosto do Twojej przeglądarki w formie nowej karty .
Za każdym razem, gdy otwierasz nową kartę, Muzli zapełnia ją najpiękniejszymi projektami z ponad 120 źródeł, w tym InVision, Muzli, Dribble, Product Hunt, CNN, CSS Author itp.! To klejnot dla projektantów.
Rozszerzenie Muzli do przeglądarki Chrome
12. Wymiary
Wymiary to bezpłatne rozszerzenie typu open source, które oferuje inteligentny sposób mierzenia odległości między elementami strony.
Znajdź wymiary obrazu i elementów HTML, przeciągając i ustawiając wskaźnik myszy. Możesz także używać skrótów klawiaturowych do pracy – pamiętaj tylko, aby ustawić skrót klawiaturowy na końcu listy rozszerzeń Chrome, aby przełączać rozszerzenie i cieszyć się najlepszymi wrażeniami.
Rozszerzenie do przeglądarki Chrome
Istnieją inne rozszerzenia, o których warto wiedzieć, np. Checkbot ma na celu poprawę Twojej reputacji SEO oraz ogólnej szybkości i bezpieczeństwa witryny poprzez sprawdzanie uszkodzonych linków, niezabezpieczonych stron, nieprawidłowego kodu HTML/CSS/JS, zduplikowanych tytułów i innych problemy, których możesz nie zauważyć podczas programowania.
I Check My Links, która przeszukuje Twoje strony internetowe, aby upewnić się, że nie masz uszkodzonych linków – ten jest bezpłatny, ale nie tak solidny.
Czy masz fajne rozszerzenia dla projektantów i programistów, o których powinniśmy wiedzieć? Dodaj je w sekcji komentarzy poniżej.