WebDeveloper (Mozilla Firefox)

Здравствуйте, уважаемый пользователь, на связи с Вами снова я – Александр, и сегодня мне хотелось бы поговорить с Вами о разного рода дополнениях, которые помогают в работе с вёрсткой, ускоряют её, оптимизируют, или же просто делают работу приятней. Не знаю какой у Вас любимый браузер, и может быть он даже не один, но лично мне симпатизирует браузер под названием “Opera”, особенно понравилась последняя десятая версия, которая вышла буквально на днях, если мне нужно что-либо найти в интернете, проверить почту и т.д. то я обязательно пользуюсь именно этим браузером. Но когда необходимо выполнять работу, то я обязательно обращаюсь к браузеру под названием “Mozilla Firefox”, так как он имеет на мой взгляд прекрасные дополнения, которые делают мою работу качественней, приятней и при этом я трачу на всё значительно меньше времени. О некоторых из данных дополнений, я и хотел бы Вам сегодня рассказать.

Первое дополнение которое я использую имеет название «Web Developer» (на сегодняшний день последняя версия – 1.1.8). В нем я использую всего лишь две функции, это проверка HTML и CSS кода на валидность, и вторая функция позволяет мне менять размер браузера на определенное разрешение, которое я задам в настройках, обычно я всегда стараюсь что бы мои шаблоны нормально выглядели если у человека разрешение экрана равно 1024x768 пикселей. Согласитесь ведь это не мало важно и наверняка считается правилом хорошего тона когда у Вас валидный код, и сайт нормально смотрится при разрешении 1024x768. В этом дополнении так же существует масса других функций, я их на данный момент времени не использую, ну а Вам может ещё что-нибудь приглянется и понадобится в дальнейшем. Итак установка данного дополнения довольно таки проста, всё что Вам нужно это нажать в браузере “Mozilla Firefox” на панели задач кнопку: Инструменты => Дополнения => Поиск дополнений => Обзор всех дополнений. Затем задать в строке поиска название “Web Developer”, и после того как оно будет найдено нажать на кнопку под названием “Добавить в Firefox”. После того как это дополнение установится Вы сможете проверять сайт на валидность путём нажатия на кнопку Инструменты => “Проверить локальную страницу HTML”, или же “Проверить локальный стиль CSS”. Рядом с инструментами расположена кнопка под названием “Размеры”, в данном разделе Вы сможете менять размер браузера. Я не буду всё описывать до мелочей, думаю Вы и сами сможете разобраться в данном дополнении, там всё довольно таки просто и интуитивно понятно. Остальные дополнения устанавливаются в том же порядке что и описан выше, только в строке поиска уже нужно писать естественно другое (нужное Вам) название.

Второе дополнение которое помогаем многим верстальщикам и людям работающим с CMS системами называется “Firebug” (на сегодняшний день последняя версия – 1.4.2). После его установки у Вас в браузере появится небольшая картинка, расположенная в правом нижнем углу браузера в виде жучка. С помощью данного дополнения можно гораздо быстрей разобраться с кодом, который писал другой человек, увидеть структуру HTML кода, и CSS стили которые он задавал, для этого просто нужно будет навести мышкой на интересующую Вас область сайта, и эта программа сразу же выдаст Вам код который для этой области применяется. То есть Вам не нужно будет открывать весь HTML документ и искать код который Вам необходимо к примеру поправить, достаточно навести мышкой, увидеть параметры, и потом уже в основном HTML файле найти уже известное Вам название класса и отредактировать его стили. Я возможно всё довольно таки сложно описываю и Вам на данный момент времени может быть тяжело понять что я вообще хочу сказать, но поверьте, Вам достаточно всего лишь установить данные дополнения, и уже методом нажимания на кнопки в данных дополнениях Вы сами без труда разберете что за что отвечает и нужно ли оно Вам вообще.

Ну и наконец третье дополнение которое я использую имеет название Pixel Perfect (на сегодняшний день последняя версия – 1.1.0). После его установки у Вас опять таки в правом нижнем углу браузера появится ещё одно изображение, в виде ромбика синего цвета. Это дополнение позволяет делать мне верстку шаблона, который будет практически на 100% соответствовать дизайну. Всё что мне нужно сделать, это сохранить картинку шаблона скажем в формате *.png, и затем с помощью данного дополнения просто кинуть это изображение на задний фон браузера. Я опять таки не буду описывать как работать с данным дополнением, так как Вы наверняка сможете справиться и сами, уделив этому минут 10-15 своего времени.

Наверняка кому-то из Вас все эти дополнения уже давно известны, ну а кто-то только начинает заниматься версткой и тогда конечно эти дополнения будут небольшой, но всё таки новинкой и смогут в некоторых моментах помочь. В общем я виду к тому, что если кто-либо из Вас использует ещё какие-нибудь полезные на Ваш взгляд дополнения, или знает что есть другие утилиты которые удобней чем те о которых я Вам сегодня рассказывал, то пожалуйста, поделитесь информацией, что да как ;). На этом пожалуй все, если есть вопросы – не стесняйтесь, задавайте, пишите Ваши мнения ;) До новых встреч, с уважением Александр.
  • +1
  • 2 сентября 2009, 21:33
  • AlexandeR

Комментарии (0)

RSS свернуть / развернуть

Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.