Zbuduj 11 genialnych rozszerzeń Chrome dla programistów internetowych

  • Michael Fisher
  • 0
  • 1512
  • 52
Reklama

Chrome niedawno zdobył 25% udziału w rynku przeglądarek internetowych, co czyni go drugą najczęściej używaną przeglądarką na świecie za Internet Explorerem (która ewoluuje w Project Spartan Project Spartan: chuda i niedokończona przeglądarka dla nowoczesnego projektu internetowego Spartan: Lean and Unfinished Browser for Modern Web Spartan rozpoczyna walkę z konkurentami przeglądarek, takimi jak Chrome i Firefox. Czy spełni on ideały żołnierzy Spartan? Testowaliśmy tę pierwszą wersję i nie zrobiliśmy na niej wrażenia). Ostatecznie oznacza to, że Chrome jest de facto dom dla twórców stron internetowych.

Chociaż jestem stronnikiem Firefoksa, rozumiem, dlaczego ludzie kochają Chrome. Zazwyczaj dominuje w testach przeglądarkowych Wojny przeglądarek: Firefox vs. Chrome vs. Opera, Definitive Benchmark Wojny przeglądarek: Firefox vs. Chrome vs. Opera, Definitive Benchmark Gdybyś mógł wybrać tylko jedną przeglądarkę, która to byłaby? Co jest najlepsze: Firefox, Chrome lub Opera? Pokażemy ci. i ułatwia zwykłym ludziom, aby stać się zaawansowanymi użytkownikami Chrome Jak zostać zaawansowanym użytkownikiem Chrome, Część 1 - Opanuj klawiaturę Jak zostać zaawansowanym użytkownikiem Chrome, Część 1 - Opanuj Klawiatura Google Chrome od jakiegoś czasu była przeglądarką z wyboru dla wielu i chociaż większość naszych przeglądarek internetowych potrafi robić całkiem imponujące rzeczy, Chrome nadal przyciąga zaawansowanych użytkowników… Inni nienawidzą Chrome, ale utknęli przy nim. Nienawidzę Google Chrome, ale jestem w nim uwięziony. Oto dlaczego nienawidzę Google Chrome, ale jestem w nim uwięziony. Oto dlaczego W wojnie między Chrome a Firefox jestem po stronie użytkowników Google. Ale nie chcę. Chrome jest moją ulubioną przeglądarką, ponieważ ma funkcje, bez których nie mogę żyć. ze względu na dostępność niektórych rozszerzeń.

To jeden z powodów, dla których Chrome jest tak dobry dla twórców stron internetowych: Chrome Web Store Jak bezpieczny jest Chrome Web Store? Jak bezpieczny jest Chrome Web Store? Badanie finansowane przez Google wykazało, że dziesiątki milionów użytkowników Chrome mają zainstalowane dodatki zawierające złośliwe oprogramowanie, które stanowią 5% całkowitego ruchu Google. Czy jesteś jedną z tych osób i co powinieneś zrobić? i jego pula rozszerzeń. Jeśli kiedykolwiek planujesz zaprojektować lub napisać stronę internetową, oto kilka podstawowych narzędzi, które powinieneś zainstalować od razu.

ColorZilla

ColorZilla Zaczęło się jako dodatek do Firefoksa, ale stało się tak popularne, że wielu poprosiło o wersję Chrome. Teraz jesteśmy. To przydatne rozszerzenie jest w zasadzie zaawansowaną wersją narzędzia zakraplacza, które można znaleźć w programie takim jak Paint lub Photoshop.

Dzięki niemu możesz wskazać dowolne miejsce w przeglądarce i natychmiast pobrać informacje o kolorze w tym miejscu. Po wyciągnięciu możesz go dostosować (RGB, HSV lub prosty hex) przed skopiowaniem go do schowka. Niezwykle łatwy w użyciu.

Jest również wyposażony w generator gradientów CSS, analizator kolorów strony oraz kilka wstępnie zainstalowanych palet kolorów dla Twojej wygody.

Window Resizer

Jednym z niebezpieczeństw twórcy strony jest upewnienie się, że oglądanie strony internetowej jest przyjemne dla użytkowników na wszystkich rodzajach urządzeń. Nie mówimy tylko o telefonie komórkowym a komputerze stacjonarnym - który jest ważne - ale także różnica między małymi tabletami a masywnymi monitorami.

Window Resizer to łatwy sposób na zmianę rozmiaru okna przeglądarki w locie. Wystarczy jedno kliknięcie, aby przetestować witrynę w różnych rozdzielczościach, aby zobaczyć, co widzą użytkownicy - a następnie odpowiednio ją dostosować.

Karta IE

Innym ogromnym zagrożeniem dla twórców stron są standardy przeglądarek (lub ich brak). Internet Explorer, Firefox, Chrome, Opera i wszystkie inne mniejsze przeglądarki będą renderować strony internetowe w nieco inny sposób. Tymczasem niektóre przeglądarki wolniej przyjmują standardy niż inne.

Lub w przypadku Internet Explorera standardy są wyrzucane przez okno, a twórcy stron internetowych są zmuszani do odrywania włosów, gdy są zmuszeni do zakwaterowania.

Z Karta IE, ten proces jest trochę łatwiejszy. Pozwala wyświetlić stronę internetową na nowej karcie Chrome, ale renderowaną tak, jak w przeglądarce IE. Nie jest to rewolucyjne rozwiązanie problemu IE, ale przynajmniej to jest coś.

Ważność

Nie wszystkie kody HTML są równe. Podczas gdy przeglądarki odgrywają dużą rolę w przestrzeganiu standardów, część obowiązków spoczywa również na twórcach stron internetowych, aby postępowali zgodnie z dobrymi praktykami HTML. Właśnie dlatego istnieją narzędzia do testowania i sprawdzania poprawności HTML 5 Najlepsze darmowe edytory HTML online do testowania kodu 5 Najlepsze bezpłatne edytory HTML online do testowania kodu W czasach, gdy chcesz po prostu bawić się małym fragmentem kodu HTML, abyś mógł dostosuj go do swoich upodobań, edytor HTML online będzie Ci lepiej służył. .

Ważność jest rozszerzeniem, które pozwala to wszystko robić bez konieczności odwiedzania stron osób trzecich. Wystarczy otworzyć stronę internetową, kliknąć przycisk, aby wyświetlić wszystkie nieprawidłowe wiadomości HTML w konsoli przeglądarki. Walidacja odbywa się za pośrednictwem usługi walidacji W3C.

Zbudowany

Jedną rzeczą, której nienawidzę w tworzeniu stron internetowych jest to, że są tak wiele biblioteki, frameworki i silniki dostępne do użycia. Swoboda wyboru jest świetna, ale jest to ból, gdy liczba technologii staje się tak wielka, że ​​nie możesz nadążyć za nimi wszystkimi.

Czy kiedykolwiek odwiedziłeś witrynę internetową i zastanawiałeś się, na czym polega podstawowa technologia?

The Zbudowany rozszerzenie to pojedynczy przycisk, który analizuje bieżącą stronę internetową, aby zobaczyć wszystko bibliotek, frameworków i silników, które ją napędzają, w tym sieci reklamowych, platform dystrybucji treści, a nawet oprogramowania hostingowego za tym wszystkim.

Klient REST usługi Listman [niedostępne]

Dla tych, którzy pracują z interfejsami API REST, Listonosz to jedyne narzędzie potrzebne do usprawnionego przepływu pracy. Dzięki niemu możesz konstruować żądania HTTP i uzyskiwać sformatowane odpowiedzi w JSON i XML. Odpowiedzi są otwierane w osobnym oknie jako HTML.

Możesz także pogrupować wiele żądań w coś, co nazywa się kolekcją, co jest świetnym sposobem na utrzymanie porządku i wydajności. Możesz także testować w wielu środowiskach, zmieniając zmienne środowiskowe bezpośrednio w rozszerzeniu.

Corporate Ipsum

Jednym ze sposobów generowania tekstu wypełniającego jest skopiowanie i wklejenie “asdf” w kółko sto razy. Lepszym sposobem byłaby instalacja Corporate Ipsum i niech w mgnieniu oka wygeneruje dla Ciebie tekst wypełniający.

Omówiliśmy kilka generatorów Lorem Ipsum 10 Przydatnych alternatyw, jeśli jesteś zmęczony zwykłymi tekstami wypełniającymi Lorem Ipsum 10 Przydatnych alternatyw, jeśli jesteś zmęczony zwykłymi tekstami wypełniającymi Lorem Ipsum Projektanci stron internetowych prawdopodobnie zapisali zestaw narzędzi Lorem Ipsum przydatne w pracach programistycznych. Generatory Lorem Ipsum występują w różnych formach; niektóre z nich pozwalają dostosować tekst fikcyjny… wcześniej, ale atrakcją Corporate Ipsum jest to, że znajduje się bezpośrednio w przeglądarce. Możesz go podnieść jednym kliknięciem przycisku. Nie ma powodu, aby z niego nie korzystać, jeśli mnie o to poprosisz. Teraz możesz wrócić do kodowania swojej witryny!

TabCloud

Czasami tworzenie stron internetowych odbywa się na wielu komputerach. Podczas gdy kontrola źródła dla programistów Czym jest Git i dlaczego warto używać kontroli wersji, jeśli jesteś programistą Co to jest Git i dlaczego powinieneś używać kontroli wersji, jeśli jesteś programistą Jako twórcy stron internetowych, często pracujemy na lokalnych stronach programistycznych, a następnie po prostu prześlij wszystko, gdy skończymy. Jest to w porządku, gdy jesteś tylko ty, a zmiany są niewielkie,… to główny sposób na pozostanie zsynchronizowanym i aktualnym, a jeśli chcesz przenieść wiele kart między komputerami? To tam gdzie TabCloud wchodzi.

TabCloud synchronizuje karty z chmurą, umożliwiając ich ponowne otwarcie w innym miejscu. Może być również używany lokalnie jako narzędzie do oszczędzania sesji, umożliwiając przechowywanie zestawu kart do późniejszego odwiedzania. Karty są zapisywane na koncie Google.

WhatFont

Projektowanie czcionek jest ważnym elementem tworzenia stron internetowych, dlatego takie usługi, jak Google Web Fonts Jak korzystać z czcionek Google w następnym projekcie internetowym i dlaczego należy Jak używać czcionek Google w następnym projekcie internetowym i dlaczego warto wybrać czcionki integralna decyzja projektowa na dowolnej stronie internetowej, ale przez większość czasu jesteśmy zadowoleni z tej samej starej rodziny serif i sans-serif. Chociaż głównym tekstem zawsze powinno być coś… stały się tak popularne. Dobra wiadomość jest taka, że ​​te darmowe czcionki są teraz jednymi z najpiękniejszych czcionek internetowych Spruce Up Your Website With Te 12 pięknych czcionek internetowych Google Spruce Up Your Website With tych 12 pięknych czcionek internetowych Google W ciągu ostatniej dekady zacząłem wiele osobistych blogów, z którymi nigdy tak naprawdę nie korzystałem, ale niektóre z moich ulubionych wspomnień dotyczą projektowania motywów i poprawiania czcionek. Jest coś satysfakcjonującego, gdy… obecnie dostępne.

Ale przyznaj się: zdarzają się chwile, gdy przeglądasz internet i natrafiasz na niesamowitą czcionkę, której nigdy wcześniej nie widziałeś. Istnieje wiele sposobów na jego identyfikację, ale najszybszym sposobem jest użycie WhatFont. Dzięki niemu możesz po prostu sprawdzać czcionki unosząc się nad nimi. Jak może być łatwiej?

Niesamowity zrzut ekranu [już niedostępny]

Jeśli zrzuty ekranu nie są częścią zwykłej procedury tworzenia stron internetowych, Niesamowity zrzut ekranu pomoże to zmienić. Zrzuty ekranu doskonale nadają się do dokumentowania zmian w projekcie i udostępniania prac w toku klientowi lub członkom zespołu.

To rozszerzenie ma kilka funkcji przechwytywania, w tym całą stronę, wybrany obszar lub obszar widoczny. Pozwala także dodawać adnotacje, rozmywać wrażliwe fragmenty obrazu i udostępniać jednym kliknięciem. Lub zamiast tego prześlij na Dysk Google.

Jeśli koncepcja Cię intryguje, ale wolisz użyć bardziej wydajnego programu komputerowego, sprawdź to porównanie narzędzi do zrzutów ekranu 4 Najlepsze narzędzia do tworzenia zrzutów ekranu w porównaniu 4 Najlepsze narzędzia do tworzenia zrzutów ekranu w porównaniu CTRL + SHIFT + 4. Trzy klucze - to wszystko, czego potrzebujesz dla idealnych zrzutów ekranu. To nie musi być kłopotem! Wypróbuj te zaawansowane narzędzia do przechwytywania ekranu, a nigdy nie będziesz oglądać się za siebie. i zacznij używać tego, który najlepiej Ci odpowiada.

Sprawdź moje linki

Wiele błędów w tworzeniu stron internetowych frustruje odwiedzających, a niedziałające linki są jednym z najgorszych przestępców. Jeden zepsuty link może być w porządku, ale nic więcej, a Twoja witryna zaczyna tracić wiarygodność i reputację. Na szczęście jest to błąd, którego łatwo uniknąć.

Sprawdź moje linki robi dokładnie to, co obiecuje: sprawdza linki. Prawidłowe linki są zaznaczone na zielono, a uszkodzone linki - na czerwono, a na końcu daje wynik procentowy. Następnie musisz tylko naprawić i naprawić te linki!

Z jakich rozszerzeń korzystasz?

Jeszcze jedno rozszerzenie wydajności 15 Rozszerzenia Chrome nie można pominąć w zakresie produktywności 15 Rozszerzenia Chrome nie można pominąć w zakresie produktywności Dzisiaj przedstawiamy kilka innych niezbędnych rozszerzeń, które pomogą Ci lepiej pracować online. Polecam to StayFocusd. Jest to raczej rozszerzenie ogólnego przeznaczenia niż rozszerzenie do tworzenia stron internetowych, ale z pewnością jest przydatne niezależnie od tego. Chroni Cię przed rozproszeniem przez Internet podczas pracy!

Co o tym sądzisz? Czy są jakieś inne niezbędne rozszerzenia do tworzenia stron internetowych, które poleciłbyś? Podziel się z nami w komentarzach poniżej!




Jeszcze bez komentarzy

O nowoczesnej technologii, prostej i niedrogiej.
Twój przewodnik w świecie nowoczesnych technologii. Dowiedz się, jak korzystać z technologii i gadżetów, które nas otaczają każdego dnia i dowiedz się, jak odkrywać ciekawe rzeczy w Internecie.