ArtShok. Сайтостроение и немного SEO

Уроки и примеры по CSS, jQuery. Советы по монетизации и продвижению сайтов

8 июля 2009

9 полезных FireFox дополнений для вебмастеров


Большинство вебмастеров давно уже отказались от IE в пользу Mozilla FireFox. И дело даже не в том, что продукция мелко-мягких постоянно глючит, сколько в том, что Лиса очень хорошо настраивается и помогает оптимизировать работу. Но суть этого поста не хаять InternetExplorer (хотя 6 версия, думаю, уже порядком всех достала), а предоставить список из 9 FireFox плаггинов, которые ощутимо облегчат вам работу с ежедневными и местами рутинными процессами, благо скачать и установить их можно бесплатно :)

1. Firebug. Самое популярное дополнение. Легко интегрируется в браузер, позволяет вживую редактировать, отлаживать и изучать CSS, HTML и Javascript на любой странице.

Firebug. 9 полезных FireFox дополнений для вебмастеров

2. CSSViewer. Аддон, позволяющий быстро просматривать CSS-стиль любого элемента. Для этого будет достаточно просто навести курсор на нужную деталь или блок.

CSSViewer. 9 полезных FireFox дополнений для вебмастеров

3. ColorZilla. Теперь нет необходимости делать принтсрин экрана и запускать Photoshop, дабы узнать код понравившегося цвета. Особенно экономит время, когда вы вносите изменения в цветовые решения элементов типа h1 - h6, меню и ссылки.

ColorZilla. 9 полезных FireFox дополнений для вебмастеров

4. Html Validator. Говорит сам за себя. Функции дополнения: проверка кода страницы на валидность, отображение количества ошибок, строки, где ошибка допущена, пояснений и рекомендаций к устранению. Должен быть у каждого уважающего себя верстальщика.

Html Validator. 9 полезных FireFox дополнений для вебмастеров

5. FireShotr. Позволяет создавать скриншоты открываемых вами страниц, но не только той области, которую вы видите на экране, а всего листа. “В отличие от других средств подобного рода, это дополнение предоставляет в распоряжение пользователя целый ряд инструментов для редактирования скриншота и добавления графических и текстовых аннотаций.” Я обычно скриншоты использую, когда высылаю заказчику отчеты о проделанной работе: статистика по запросам и динамика посещаемости, все-таки скриншот экрана выглядит более убедительно, чем просто текстовый документ, а заморачиваться на оформление текст + рисунки + диаграммы тупо лень :)

FireShot. 9 полезных FireFox дополнений для вебмастеров

6. MeasureIt. Плаггин для любителей все делать по линеечке и тех, чьи заказчики требуют верстку пиксель в пиксель. Позволяет измерить ширину и высоту элементов.

MeasureIt. 9 полезных FireFox дополнений для вебмастеров

7. SearchStatus. Чего только не отображает… И PageRank, и Alexa rank, и Whois, и robots.txt, и sitemap.xml, вообщем много чего хорошего и полезного. Из полезного: так же выделяет на странице ссылки с атрибутом nofollow.

8. SeoQuake. “Программа, позволяющая пользователю на лету получать обширный ряд SE параметров просматриваемой страницы. Состоит из трех функциональных частей: SeoToolbar (запрашиваемые параметры выводятся отдельным тулбаром в окне броузера), Seobar (запрашиваемые параметры выводятся как отдельный, полностью настраиваемый при помощи CSS, блок HTML кода) и вывод запрашиваемых параметров для результатов поиска поисковых машин.” Настроек куча, на любой вкус и цвет.

SeoQuake. 9 полезных FireFox дополнений для вебмастеров

9. Seolinx. Плаггин для SeoQuake, при наведении курсора отображает SEO параметры для ссылки.

Спасибо за добавление статьи в:



  1. 18 июля 2009
    11:30

    9 полезных FireFox дополнений для вебмастеров : Блог Молчуна:

    [...] Большинство вебмастеров давно уже отказались от IE в пользу Mozilla FireFox. И дело даже не в том, что продукция мелко-мягких постоянно глючит, сколько в том, что Лиса очень хорошо настраивается и помогает оптимизировать работу. Но суть этого поста не хаять InternetExplorer (хотя 6 версия, думаю, уже порядком всех достала), а предоставить список из 9 FireFox плаггинов, которые ощутимо облегчат вам работу с ежедневными и местами рутинными процессами, благо скачать и установить их можно бесплатно. Firebug - самое популярное дополнение. Легко интегрируется в браузер, позволяет вживую редактировать, отлаживать и изучать CSS, HTML и Javascript на любой странице. Дальше [...]

Комментарии к этой записи


  1. Насчет User Agent Switcher вы меня было обрадовали строкой “Прекращаем бег с препятствиями, а точнее между открытыми окнами, проверяя верстку на кроссбраузерность”.
    Думал с переключением окон действительно будет покончено, а нет…

    Ведь дополнение лишь заменяет user-agent (я думаю это словосочетание и не стоит переводить)… и на этом все.
    Так что придется толку от него для верстальщика почти нет. Все так же буду пользоваться IE Tab, в некоторых случаях IE testet’ом. Для других браузеров существуют расширения Opera view, Safari и т.д. для быстрого открытия страницы в браузере.

    За MeasureIt - большое спасибо, уже думал писать сам подобное расширение, pixel perfect частенько не хватает.

    [Ответить]

    ArtShok:

    А в принципе да - вы правы. User Agent убран, вместо него - FireShotr, тоже полезная вещь.

    [Ответить]


  2. Спасибо за пост, для себя я взял ColorZilla.
    А FireShotr действительно полезная вещь!

    [Ответить]


  3. реально полезные дополнения, я вот думал чем заменить PagePromoterBar после перехода на FF3.5, спасибо, ответ нашел - SearchStatus. Попробую =)

    [Ответить]


  4. Сеоквейк и хтмлвалидатор у меня стоят, а вот про другие навороты даже не слышал…спс

    [Ответить]

    ArtShok:

    Пожалуйста! У меня все стоит, помогает время сэкономить. Надеюсь, что вам тоже поможет.

    [Ответить]


  5. вы перед тем как обзор делать проверяете на наличие похожих обзоров в Интернете?
    http://blog.cylindr.ru/plaginy-ff-dlya-webmastera.html

    [Ответить]

    ArtShok:

    А вы нашли много общего между двумя этими обзорами? Я описываю то, что использую лично, и что на практике понадобится, а не вообще плаггины, которые существуют, но могут не понадобиться. Для этого достаточно полистать сам сайт с аддонами

    [Ответить]


  6. А еще вебмастера перешли на шустрый хром. Как только гугловцы оптимизируют его под плагины - прощай лисичка! )

    [Ответить]

    ArtShok:

    Это да)) Вот все жду плагины эти самые)

    [Ответить]


  7. Сеоквейк и файебаг вполне полезные штуки. Про колорзила раньше не знал - спасибо большое

    [Ответить]


  8. А про WebDeveloper забыли что-ли?

    [Ответить]

    ArtShok:

    Не использую, поэтому и не упоминаю. На практике особо не нужен оказался.

    [Ответить]


  9. Люблю именно такие обзоры, когда автор делится личным опытом использования.

    Спасибо, и я теперь два плагина попробую, благодаря этому посту.

    Пыталась самостоятельно разобраться в огромной массе существующих, и чуть не утонула.

    [Ответить]


  10. Блин, CSSViewer в последней версии FF 3.5.1 не работает жаль!
    В принципе в Firebug тоже самое можно сделать, но CSSViewer что бы быстренько чего нибудь подсмотреть все же удобней.

    [Ответить]


  11. Спасибо за обзор. В особенности за ColorZilla. Давно искал что-то подобное, а оказывается все просто поставил дополнение и конец мучениям. Спасибо.

    [Ответить]


  12. Не знаю как там насчет Mozilla FireFox и прочего, но сам я пользуюсь только OPERA, и считаю что лучше его нет насвете ничего. (почти в рифму мля)))

    [Ответить]


  13. Xmarks сохранение автозаполнение паролей - на первом месте должен быть - особенно если прыгаешь с компа на комп

    [Ответить]

    ArtShok:

    Спасибо за наводку

    [Ответить]


  14. До прочтения этого обзора, пользовался дополнениями №1 и №5…
    …после прочтения, к ним присоединился №3, за что автору большое спасибо.
    До этого, именно так и делал:
    PrtSc>> Paste in Photoshop :)

    [Ответить]


  15. АртШок, спасибо за интересную подборочку. Поставила себе SeoQuake - бороздить по интернету стало намного интереснее. :)

    [Ответить]


  16. Хочу добавить:
    web developer
    dust-me selectors
    KGen

    [Ответить]


  17. Статья понравилась, так как сама в дополнениях к Mozilla FireFox у неё на страничке часто разобраться не могу…. (к сожалению на её официальной странице практически всё на английском, да и не знаешь как поведет себя дополнение на практике )
    Установила - Firebug , но как то он мне пока мне не очень понятен… (блондинка однако я)
    Привыкла до этого смотреть через исходный код страницы, не нахожу через него сразу и наглядно ссылки с атрибутом nofollow и другое …
    может из за того что только один раз его попробовала в действии
    Подскажите пожалуйста -возможно всё таки дополнение SearchStatus лучше поможет узнать инфу о сайте (блоге ) ?

    [Ответить]


  18. Использую SeoQuake и Firebug, не знаю чтобы без них делал, очень полезные плагины.

    [Ответить]


  19. А ещё очень полезен плагин FireFTP. Думаю из названия понятно что это такое. Действительно удобно прямо из браузера работать как с FTP клиентом.

    [Ответить]


  20. Использую SeoQuake и Firebug, не знаю чтобы без них делал, очень полезные плагины.

    присоединяюсь к вышесказанному

    [Ответить]

Оставить комментарий или два