1. FireBug
2. SEO Quake
3. Zmierz to
4. ColorZilla
5. FireFTP
6. Twórca stron internetowych
7. ScreenGrab
8. Jing

Nie ma znaczenia, czy jesteś blogerem , sprzedawcą internetowym czy projektantem stron internetowych , to wszystko musi mieć dodatki do przeglądarki, które pomogą Ci w ten czy inny sposób. Niektóre z nich częściej niż inne, ale zawsze dobrze jest mieć. To jest lista dodatków do Firefoksa / Chrome i 1, która nie jest związana z przeglądarką, ale używam jej również codziennie.

Czasami musisz przeanalizować swoją stronę do celów SEO lub projektowania stron internetowych. Czasami musisz dowiedzieć się, dlaczego Twoja strona internetowa się rozpada lub po prostu zrobić zrzut ekranu całej strony, a może dowiedzieć się dokładnego koloru szesnastkowego, którego konkurent używa w swoim logo. Jeśli chcesz wiedzieć, jak to wszystko robić, czytaj dalej…

FireBug

Edytuj, debuguj i monitoruj HTML , CSS i JavaScript na żywo w przeglądarce. Dokładnie to zapewnia FireBug . Prosty, ale skuteczny interfejs z zaawansowanymi opcjami. Powiedzmy, że chcesz wprowadzić pewne zmiany w projekcie swojej strony, kilka poprawek CSS, nic skomplikowanego. Możesz łatwo sprawdzić kod HTML i CSS, znaleźć potrzebne klasy i identyfikatory oraz napisać swój CSS bezpośrednio w FireBug i zobaczyć zmiany, które wprowadziłeś na żywo. Jeśli podoba Ci się to, co widzisz, po prostu skopiuj te zmiany do pliku HTML / CSS i gotowe. Proste, szybkie i przydatne. Używam go wiele razy dziennie, co pomogło mi i uratowało mi niezliczone godziny.

SEO Quake

Zacząłem uczyć się SEO, kiedy stworzyłem swój pierwszy blog, 10 lat temu, i po prostu to uwielbiałem. Wtedy nie było zbyt wielu narzędzi, przynajmniej nie w postaci dodatku do przeglądarki, który mógłby pomóc w znalezieniu wielu różnych statystyk dotyczących strony, w tym PageRank , wieku domeny, indeksowanych linków, liczby linków itp. Zamiast tego musieliście wykorzystaj wiele różnych narzędzi i stron internetowych, aby się o tym przekonać, tracąc dużo czasu, które możesz spędzić znacznie lepiej, optymalizując witrynę pod kątem SEO i planując strategię budowania linków. Dzisiaj mamy to świetne narzędzie (dodatek), które właśnie to robi. Wśród wszystkich rzeczy, które wymieniłem, możesz nawet zobaczyć ranking Alexa na stronie, którą przeglądasz, liczbę Twittera i Facebooka , rekordy domeny WhoIs , linki follow / no-follow, ranking SEM Rush i wiele innych. Jedną z najlepszych funkcji jest możliwość przeglądania wszystkich danych w Google SERP (Search Engine Results Page), więc gdy coś Google zarejestrujesz, możesz zobaczyć dane SEO dotyczące tego konkretnego adresu URL, zanim zdecydujesz się go odwiedzić.

Kliknij, aby powiększyć obraz

Zmierz to

Mówiąc o rozwiązaniu prostego i często występującego problemu, pozdrawiam twórcę tego dodatku. Ile razy zastanawiałeś się, jaka jest szerokość tego paska bocznego? Albo jaka jest wysokość tego nagłówka? Albo jaki jest rozmiar tego obszaru zawartości jednej kolumny? Nie mówię o tobie, ale mam dużo. Czasami nie chcę wchodzić w kodowanie strony internetowej, czasami potrzebuję tylko prostych informacji o rozmiarze jakiegoś obszaru na stronie, którą aktualnie oglądam. Dodatek MeasureIt to idealne rozwiązanie. Wystarczy jedno kliknięcie (aby je włączyć), aby zmierzyć wszystko, co widzisz i cokolwiek chcesz na stronie, na którą patrzysz.

ColorZilla

Podobnie jak MeasureIt pomaga ci znaleźć dokładną miarę czegoś, ustalenie dokładnego koloru szesnastkowego lub koloru RGB określonego tła, obramowania lub dowolnego innego elementu strony internetowej, jest to informacja, którą często muszę znać. ColorZilla daje Ci narzędzie kroplomierza na żywo, aby dowiedzieć się, jaki jest ten piękny odcień niebieskiego na literę B w logo eBay lub jakikolwiek inny kolor na każdej stronie, którą możesz odwiedzić. Ma nawet przeglądarkę palet, selektor kolorów i generator gradientu CSS w swojej opcji - niesamowite.

FireFTP

Wiem, że wiele osób używa FileZilli lub podobnych klientów FTP do łączenia się ze swoimi serwerami, ale uważam, że zmiana okien, gdy muszę przesłać lub pobrać coś z mojego konta hostingowego, mnie rozprasza. Dlatego uwielbiam FireFTP , świetny dodatek FireFox, który posiada wszystkie funkcje jako samodzielny klient FTP, tylko w przeglądarce Firefox.

* Niestety, nie mogłem znaleźć dobrego rozwiązania FTP dla Google Chrome, więc raczej nie polecam niczego. Jeśli go używasz, podziel się nim z komentarzami.

Twórca stron internetowych

Dodatek WebDeveloper , jak sama nazwa wskazuje, jest tworzony dla programistów internetowych. Tutaj możesz znaleźć praktycznie wszystko, co jest związane z budowaniem strony, od kontrolowania i edycji kodu CSS, zarządzania i przeglądania informacji o obrazach, przeglądania konspektu dokumentu (świetnego dla SEO) po narzędzia do sprawdzania poprawności HTML i CSS oraz dosłownie dowiadywania się o każdym pojedynczy szczegół informacji wykorzystywany przy tworzeniu strony internetowej.

ScreenGrab

Nienawidziłem tych opcji Print Screen, które masz na swoim komputerze PC lub Mac, może zrobić zrzut ekranu całej strony, którą przeglądasz, lub możesz nawet wybrać część strony, którą chcesz zrobić zrzut ekranu, ale nie mógł zrobić zrzutu ekranu całej strony (nawet tej części, której nie widzisz, chyba że przewiniesz w dół). Dodatek ScreenGrab właśnie to robi, a ponadto możesz nawet kopiować i przesyłać niektóre części strony lub całą stronę, jeśli chcesz.

Jing

Jing to narzędzie do przechwytywania ekranu , którego można używać wszędzie na komputerze PC / Mac, nie tylko w przeglądarce. Pozwala na przechwycenie wybranej części ekranu i zapisanie go lub przesłanie jako obraz lub nawet wideo. Innymi słowy, możesz nawet nagrywać ekran przez maksymalnie 5 minut i przesyłać go automatycznie do biblioteki Jing lub zapisać na komputerze. Najlepsze jest to, że jeśli zdecydujesz się przesłać plik, natychmiast po zakończeniu przesyłania Jing kopiuje łącze do obrazu przechwytywania ekranu / wideo do schowka, w ten sposób wszystko, co musisz zrobić, to wkleić je tam, gdzie chcesz.

A jaki jest twój ulubiony dodatek Firefox / Chrome? Czy korzystasz już z tych, o których wspomniałem powyżej?