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!