Главная chevron_right Все статьи Полезные дополнения Mozilla Firefox для веб разработчиков

Полезные дополнения Mozilla Firefox для веб разработчиков

В данной статье хотелось бы поделится плагинами Firefox, полезными для веб разработчиков:



    1. Firebug - эволюция веб разработчика.

      Самым интересным и полезным на мой взгляд является инструмент под названием Firebug или Светлячок по нашему. Firebug представляет собой удобный инструмент для редактирования, анализа и отладки HTML, CSS и Javascript  веб старниц. Но самое уникальное свойство Firebug состоит в том, что вся отладка и корректировка страницы происходит непосредственно в браузере и все изменения в коде страницы можно вносить прямо там же и наблюдать результат в режиме реального времени. Данный плагин очень сильно облегчает жизнь разработчикам и существенно экономит время на создание сайтов.



    1. ColorZilla – находка для дизайнера.

      Уникальный плагин, с которым намного веселее живется веб дизайнерам. ColorZilla позволяет скопировать код цвета интересующего вас объекта, не выходя из браузера. Раньше, чтобы скопировать какой-нибудь цвет, нужно было делать скриншот, затем вставлять его в Photoshop и там уже смотреть код цвета с помощью пипетки. Теперь же все намного проще – добавляете аддон в Mozilla и вуаля. По сути ColorZilla - это таже пипетка как в Photoshop или Corel только код цвета можно заимствовать с любого элемента со странички в браузере и вставлять куда вам нужно, допустим в тот же Firebug на свой сайт и смотреть результат.


    1. FireShot - скриншоты веб-страниц леко и просто.

      FireShot – это не только красивая красная буковка «S» в верхнем правом углу Firefox, но и прекрасный инструмент, который умеет делать скрины веб страниц как в полном размере так и выделенного фрагмента, добавлять аннотации и позволяет редактировать полученный скриншот. Конечно же FireShot это не Photoshop, но с такими задачами как изменить размер изображения, обрезать, выделить, добавить размытие  или стереть ненужные элементы, он может легко справится. Что несомненно очень удобно, например, для того, чтобы сделать портфолио своих работ, обучающего материала, руководсво пользователя и для много чего другого. Скриншоты, сделанные FireShot можно загрузить на сервер, сохранить на диске в форматах на выбор (PDF, PNG, GIF, JPEG, BMP), распечатать, скопировать в буфер обмена, отправить по электронной почте или экспортировать во внешний редактор.



    1. FireFTP – ftp-клиент всегда под рукой.


      FireFTP - замечательное дополнение к Firefox, позволяющее открывать ftp-клиент непосредственно в браузере. Интерфейс плагина представляет собой двухоконный проводник, напоминающий интерфейс FileZilla и других программных собратьев. Наряду с базовыми функциями ftp-клинта, необходимыми для закачки файлов на сервер хостинга, такими как перенос/копирование, удаление, переименование, создание директорий, изменение прав доступа, аддон может похвастаться и расширенными функциями - сравнение директорий и их синхронизация при навигации, SFTP, SSL защита, поиск и фильтры, удалённое редактирование, хеширования файлов и многое другое.



    1. Adblock Plus – скажите рекламе «досвидос».

      Надоела навязчивая реклама? Баннеры не дают жизни? Тогда Вам нужно установить Adblock Plus, чтобы вернуть себе контроль над интернетом и видеть лишь то, что хочется. Щелкните правой клавишей мышки на рекламе, выберите  в выпадающем меню «Adblock Plus» и можете распрощаться с навязчивой рекламой.



    1. Web Developer - мощный инструмент для веб разработчиков.

      Дополнение Web Developer добавляет в Firefox удобную и настраиваемую панельку с множеством различных функций. Web Developer будет как нельзя кстати, если Вам необходимо просмотреть/отключить CSS страницы, просмотреть детальную информацию (просмотр всех атрибутов на странице), отключение вывода изображений, отключить/просмотреть Java-скрипты,отключить/просмотреть cookies,редактировать HTML-код,просмотретьспрятанные элементы,проверить код на валидность для соблюдения W3C и многое многое другое.



    1. MeasureIt  - «линейка» для веб дизайнеров.

      Хорошее дополнение, служащее для измерения размера в "px" элементов на странице. Теперь нет необходимости тратить время, угадывая на сколько нужно сместить тот или иной элемент на странице, чтобы все смотрелось как нада.



  1. <HTML Validator – проверка на ошибки.

    Плагин дающий полную картину на наличие ошибок HTML кода на загруженной странице. HTML Validator покажет конкретно, где были допущены ошибки и предоставит пояснения, что же вызвало ошибку и рекомендаций к их устранению. В общем, без проверки на ошибки не обойтись.

04.12.2012

Читайте еще статьи

Тренды веб дизайна в 2018

Вы дизайнер, который ищет новых вдохновений? Тогда вы попали туда, куда нужно. Подробнее 01.04.2018

Depositphotos запускает мега фотостудию в Киеве

Компания Depositphotos запускает проект Lightfield - фотостудия площадью 2500 кв. м Подробнее 13.04.2017

Корпоративная почта на базе mail.ru - это серьезно или нет?

О хорошем тоне в сопровождении корпоративной почты и использовании почты домена Подробнее 20.02.2017

Привязка почты домена к Gmail

У Вас есть домен и почта к нему, но вы любите использовать почтовый клиент Gmail, в этой статье видео поможет Вам связать почту домена и почтовый сервис Gmail. Подробнее 13.01.2017

Как заработать на YouTube

Мало кто в наше время еще не слышал о супер популярном видео хостинге YouTube, и практически каждый, кто пользуется интернетом, просматривает видео ролики самых разных тематик и направлений. Подробнее 18.07.2016
Все статьи