Slyweb
На разработку сайта! Скидки 50%!

5 обязательных дополнений для работы в css от Firefox

5 обязательных дополнений для работы в css от Firefox
Привет мои читатели! Надеюсь у Вас всё хорошо! Из-за большого количества работы нет времени для написания статей, о чём я извиняюсь. Сегодня я расскажу Вам о пяти дополнениях для FireFox. Данные дополнения могут стать для Вас незаменимыми в повседневной работе. Данные дополнения делают мою работу в 10 раз быстрее. Давайте объясним их:
Вес знают и любят FireBug! Если Вам ранее не было ничего известно о FireBug, FireBug - является серьёзным оружием в работе веб-разработчика и он становится всё удивительнее. FireBug является инструментом разработки, содержащим огромное количество средств для работы. Главным образом он используется для отладки javascript и CSS.
HTML tab позволяет изучать (инспектировать) элементы и проверять их CSS атрибуты. С помощью данного инструмента разработки Вы даже можете изменять CSS код. Так же данный инструмент позволяет добавлять, изменять, редактировать html элементы.
Console tab замечательно походит для отладки ошибок javascript.
Net tab позволяет изучать любые запросы посылаемые на сервер Вашим браузером. данный инструмент позволяет изучать ошибки сервера и нелепости происходящие на нём, либо ошибки связанные с неправильным использованием слешей в путях к изображениям.
YSlow является дополнением к Firebug, разработанным компанией Yahoo, для определения скорости работы Вашего сайта. Используйте YSlow для получения рисунка о том, что можно улучшить или ускорить либо узнать, что работает не так.
Web Developer Toolbar устрашает. Этот - инструмент подобие Firebug. Он обладает множеством инструментов для разработки, но лучшими для меня являются:
Line guides: создаёт горизонтальные и вертикальные линии для проверки правильности расположения ваших слоёв.
Ruler: предоставляет доступ к значениям высоты и ширины любых элементов на странице.
Resize: проверяет, как выглядит сайт на экранах с различными размерами.
HTML + CSS validation: проверка правильности HTML и CSS
Имели ли Вы когда-нибудь огромный CSS файл, в котором было множество изменений, которые Вы не смогли запомнить. Это возможно, например, когда какой-нибудь из селекторов более не используется. Dust-me selectors проверяет, используется ли еще CSS селектор, если нет, то Вы можете его удалить.
Опасность: Если Вы используете восстановленный код (например, код созданный Эриком Майером), то многие селекторы будут рассматриваться как не используемые. Закомментируйте эти строки в Вашем css файле в том случает, когда используете Dust-me.
ColorZilla хороший инструмент, который замечательно работает с цветами. С помощью инструмента «пипетка» вы получаете возможность извлечь значение любого цвета используемого на странице. ColorZilla имеет следующие три клевые вещи:
  • RGB или HEX цвета;
  • инструмент для регулирования, корректировки цветов;>
  • инструмент для увеличения элементов на странице.
Я хотел бы добавить к этому списку дополнение ReCSS, которое позволяет перезагружать наш CSS файл без перезагрузки всей страницы.
Вы можете поучить его по следующему адресу: ReCSS
Я хотел бы сказать Мартину Зайсликану (моему другу), который помагал мне писать данную статью и выбирать дополнения, огромное спасибо.
На этом, всё ребята! Я надеюсь, данные инструменты пригодятся Вам! До встреч!
Перевод статьи 5 must-have Firefox add-ons for CSS Development. Перевёл Ермаков А.П.

Александр Ермаков