Główna » zestaw narzędzi » 40 przydatnych rozszerzeń Google Chrome dla projektantów stron internetowych

    40 przydatnych rozszerzeń Google Chrome dla projektantów stron internetowych

    Kocham Google Chrome. Jego prostota, szybkość i wydajność są bez wątpienia na najwyższym poziomie. Ale czasami bycie zbyt prostym jest również problemem, zwłaszcza dla nas, projektantów stron internetowych, którzy w dużym stopniu polegają na dodatkach Firefox, takich jak Web Developer. Odszedłem od Chrome, tak, tylko dlatego, że nie miał żadnego dodatku w 2008 roku.

    Ale teraz wszystko zmienia się ponownie. Nie jest zaskoczeniem, że inni maniacy mają taką samą miłość do Chrome i postanowili stworzyć rozszerzenie Chrome, które ma podobną funkcję jak dodatek do Firefoksa. Zagłębiłem się w te rozszerzenia i byłem z nich bardzo zadowolony, dlatego zdecydowałem się je odebrać 40 rozszerzeń, które są niezwykle pomocne dla projektantów stron internetowych i dzielić się z wami.

    Tak więc są dla Ciebie, ustaw Chrome i zwiększ swoją produktywność.

    Kolor

    Narzędzie do wybierania kolorów

    Podobnie jak jego nazwa, ColorPicker jest wygodnym rozszerzeniem stworzonym głównie do wybierania i uzyskiwania wartości koloru z dowolnego miejsca na stronie internetowej. Dodatkowo możesz wybrać obszar, a następnie kliknąć paletę kolorów, aby zobaczyć, jak zmienia się kolor obszaru bez dotykania żadnego kodu.

    Paleta Chrome

    Ból głowy przy szukaniu schematu kolorów z obrazu? Paleta Chrome skutecznie rozwiązuje problem, tworząc do 64 palet kolorów z obrazu strony internetowej dla potrzeb projektu lub inspiracji.

    Kolor Tweaker

    Color Tweaker może modyfikować kolor strony internetowej tak, jak robi to próbnik kolorów, ale bardziej konkretną metodą. Po prostu wprowadź selektor CSS na tym rozszerzeniu, a następnie dostosuj kolor tekstu, tła i obramowania do swojej woli.

    Typografia

    Edytor czcionek

    Koniec z zgadywaniem i męczącym przełączaniem programów, Font Editor pozwala modyfikować i obserwować ustawienia czcionek, takie jak rozmiar, wysokość linii i żywy wariant..

    Przeglądarka czcionek Google

    Zgodnie z nazwą, rozszerzenie to umożliwia podgląd czcionki z Google Font Directory z opcjami stylizacji tekstu, takimi jak rozmiar, styl, waga i cienie. Jeśli jesteś zadowolony z konkretnej czcionki, możesz skopiować i wkleić link oraz kod CSS podany w rozszerzeniu kodu swojej witryny, aby użyć czcionki.

    Rozwój

    Twórca stron internetowych

    Prawdopodobnie obowiązkowe rozszerzenie dla projektanta stron internetowych i programistów. Przeglądając skrypt w celu wyświetlenia informacji o obiekcie, Web Developer ma na celu dostarczenie wszelkich potrzebnych informacji z istniejącej strony internetowej. Rozszerzenie jest również uzbrojone w użyteczne narzędzia, takie jak selektor kolorów, zmieniacz okien, walidator itp.

    Pendule

    Lekkie i poręczne narzędzie programistyczne podobne do Web Developer, ale wyposażone tylko w niezbędne narzędzia, takie jak przeglądarka stylów, przeglądarka źródeł i walidator.

    Firebug Lite

    W odróżnieniu od Firefoksa, Firebug Lite oferuje wizualną reprezentację podobną do Firefoksa, jeśli chodzi o elementy HTML, elementy DOM i udostępnianie modelu pudełkowego. Jest również wyposażony w możliwość przeglądania elementów HTML za pomocą myszy, a także możesz edytować właściwości CSS z tym rozszerzeniem.

    Stylebot

    Stylebot daje Ci możliwość stylizowania każdej strony bezpośrednio bez dotykania kodu CSS, co pozwala zaoszczędzić dużo pracy przy pisaniu. Najlepszą cechą tego rozszerzenia jest prawdopodobnie możliwość generowania kodu CSS do użytku za każdym razem, gdy zmieniasz stronę.

    CSSViewer

    Masz dość pchania „Inspect Element” za każdym razem, gdy chcesz wiedzieć, jaki styl CSS zostanie zastosowany do określonego elementu? CSS Viewer pomaga w wyświetlaniu żywych informacji, takich jak czcionka, kolor i pozycjonowanie elementu.

    Reloader arkusza stylów

    Ponownie ładuje arkusz stylów CSS bez odświeżania całej witryny, co znacznie oszczędza czas oczekiwania, zwłaszcza dla projektanta z wolnym połączeniem internetowym.

    BuiltWith Technology Profiler

    Najfajniejszą częścią tego rozszerzenia jest lista wszystkich wdrożonych technologii internetowych, takich jak framework i standard internetowy, z bardzo szczegółowymi informacjami.

    IE Tab Multi

    Okazało się, że jest najbardziej podobny do oryginalnego Internet Explorera, IE Tab Multi to Twój Internet Explorer w Chrome, który obsługuje mnóstwo domyślnych funkcji IE, takich jak multi tabbing.

    Zmiana rozmiaru okna

    Z Window Resizer, możesz przetestować kompatybilność ekranu swojej witryny ze standardowymi lub zdefiniowanymi przez użytkownika rozdzielczościami ekranu.

    Walidator HTML

    Jedno z najlepszych rozszerzeń do sprawdzania poprawności kodu HTML strony internetowej online lub localhost w trybie automatycznym lub ręcznym. Możesz także pokazać wynik sprawdzania poprawności na stronie internetowej lub wyświetlić go w zupełnie nowej zakładce.

    Widok

    Dzięki różnym opcjom motywów i czcionek, Sight podświetla kod źródłowy strony w bardziej wizualnie wygodną formę.

    Konsola PHP

    Bycie podsłuchiwanym przez errosa PHP, ale nie wiesz co i gdzie jest? Konsola PHP pomaga w wyświetlaniu błędów, wyjątków i komunikatów debugowania w formularzu powiadomienia.

    Wyszukiwanie interfejsu API JavaScript

    JavaScript API Search dodaje obsługę Omniboksa Chrome lub tak zwanego paska adresu do wyszukiwania funkcji JavaScript online z funkcją autouzupełniania. Jeśli rozszerzenie nie może znaleźć funkcji, której szukasz, zasugeruje Ci również powiązane wyszukiwania z Google Codesearch, Search and Coding Search i wyszukiwania w Mozilla Developer Network.

    Wyszukiwanie API jQuery

    Podczas gdy jQuery okazało się być wiodącą biblioteką JavaScript, która poprawia komfort użytkowania, funkcja wyszukiwania API jQuery umożliwia wyszukiwanie za pomocą interfejsu API jQuery z Chrome Omnibox. Po prostu wpisz „jq”, a następnie spację w omniboksie, a wtedy jesteś w podróży.

    Wyszukiwanie PHP

    Podobnie jak w przypadku wyszukiwania API jQuery, to rozszerzenie dodaje obsługę Omniboksa Chrome do wyszukiwania kodu PHP w celach referencyjnych.

    Wydajność

    Skup się

    Zakochany, aby trzymać się z dala od marnującej czas strony, ale nigdy nie udało się? Stay Focused działa jako wirtualny przełożony, który blokuje marnującą czas witrynę przez określony czas i informuje cię poważnie, gdy próbujesz odblokować lub zmniejszyć czas blokowania witryny. Jest również uzbrojony w kluczową funkcję, taką jak opcja nuklearna i tryb wyzwań, który zabija twój czas marnując pragnienie w bezlitosny sposób.

    PopChrom

    Z PopChrom możesz zdefiniować własne skróty do fraz tekstowych, takich jak „ty” dla „dziękuję”. Klucz aktywacyjny jest potrzebny do przekształcenia skrótu w zdefiniowane frazy tekstowe, więc wybierz kombinację klawiszy, która nie ulega awarii z innym klawiszem skrótu.

    Zestaw produkcyjny Quickrr

    Quickrr Productivity Kit zapewnia zestaw podstawowych, ale przydatnych narzędzi, takich jak tłumacz, kalkulator, zadanie do wykonania, konwerter jednostek itp..

    Todoist

    Za pomocą łatwego w konfiguracji konta możesz uzyskać dostęp do tego menedżera zadań, aby zanotować i edytować każde zadanie, które musisz wykonać. Najlepszą częścią tego rozszerzenia są zadania przechowywane online, dzięki czemu można uzyskać dostęp do rekordu zadania w każdym Chrome z zainstalowanym rozszerzeniem.

    Ananke Timer

    Śledź czas spędzony na określonym zadaniu lub zapisz czas spędzony na konkretnej stronie. Timer Ananke obsługuje również śledzenie wielu godzin i pozwala przeglądać to, co śledziłeś w przeszłości.

    Chrome Toolbox

    Utworzony przez Google Chrome Toolbox oferuje niestandardowe funkcje, takie jak modyfikacja zachowania karty, przywracanie danych formularza i tworzenie skrótów, które uruchamiają predefiniowane linki z folderu zakładek.

    Rozszerzona strona Chrome

    Nikt nie lubi klikać więcej, aby uzyskać dostęp do określonej strony, Chrome Page Extended to najszybszy skrót do dostępu do wszystkich niezbędnych stron Chrome, takich jak rozszerzenia.

    AppJump

    Z AppJump możesz organizować i szybko uruchamiać aplikację Chrome z paska narzędzi przeglądarki.

    Przełącznik paska zakładek

    Zbyt wiele zakładek i nie udało się ich skutecznie zorganizować? Przełącznik paska Boorkmark pozwala na łatwe tworzenie nowego paska zakładek i przełączanie się między nimi.

    TabCloud

    Zapisz sesje systemu Windows i przywróć je później na dowolnym komputerze z TabCloud, co pozwala zaoszczędzić dużo czasu od ponownego otwarcia innej witryny z innej części folderu zakładek.

    Zasoby

    Podobne strony

    Opracowany przez giganta wyszukiwarki Google, Podobne strony przeszukuje sieć w poszukiwaniu podobnych treści internetowych, które czytasz i interesuje Cię, aby dowiedzieć się więcej.

    Wyszukiwanie uniwersalne

    Dzięki wyszukiwaniu uniwersalnemu łatwiejsze jest pozyskiwanie zasobów lub odwoływanie się, dzięki czemu można znaleźć pole wyszukiwania z opcją wyszukiwania w Wikipedii, Bing i innych wyszukiwarkach. Pojawi się również pole wyszukiwania, gdy podświetlisz dowolny tekst ze strony, którą aktualnie przeglądasz.

    Niesamowity zrzut ekranu

    Całkowicie niesamowite rozszerzenie do zrzutu ekranu, które przechwytuje dowolną część witryny i opatruje ją prostokątami, okręgami, strzałkami, liniami i tekstem. Następnie możesz wyeksportować zrzut ekranu w formacie pliku PNG na swój komputer lub sieć.

    Klip do Evernote

    Oficjalne rozszerzenie Evernote do przechwycenia i odnotowania Twojego odkrycia w Internecie, a następnie przesłania do Evernote. Rozszerzenie obsługuje również funkcję wyszukiwania i synchronizowania zapisanej notatki.

    Diigo

    Użyj Diigo, aby wyświetlać notatki, dodawać adnotacje lub publikować je na stronie prywatnej, aby móc je oglądać w dowolnym momencie, gdy dotrzesz do strony internetowej.

    Myśliciel

    Pomyśl Thinkery jako swój mózg online, a następnie zapisz adres linku i zaznaczony tekst w celu późniejszego przeglądania.

    moje notatki

    Wykonywanie notatek powinno być łatwym procesem i możliwe jest, że myNotes umożliwia zaznaczenie zaznaczonego tekstu jednym kliknięciem w menu kontekstowym.

    Microstock Photo Power Search

    Prawdopodobnie jedyne rozszerzenie wyszukiwania, w którym możesz szukać wysokiej jakości zdjęć ze znanych agencji, takich jak Fotolia, Dreamstime i Shutterstock.

    Odbicie

    Ponieważ rozszerzenia i aplikacje Chrome wciąż się rozwijają i ewoluują, możliwe, że coraz więcej miłośników Firefoksa obejmie Google Chrome jako domyślną przeglądarkę internetową. Mając to na uwadze, czy zwrócisz się do Google Chrome z jego obecną liczbą rozszerzeń i aplikacji? Jakie jest rozszerzenie, aplikacja lub funkcja, która zmotywuje Cię do przejścia do Google Chrome?

    Podziel się z nami, jeśli masz fajne rozszerzenie w Chrome, zawsze jest miejsce na świetne narzędzie!