Я постоянно пользовался Firefox. Он меня вполне устраивал, особенно в процессе разработки и тестирования сайта. я попробовал сразу же после его выхода. Понравилась скорость рендеринга страниц.
Но через небольшое отрезок времени вернулся к Firefox, по причине отсутствия расширений и дополнений таких как Google Page Rank и панель веб-разработчика Webdev. Теперь с проблем нет, их уже существует большое множество.
Плагин FireBug для Firefox
Это основной плагин веб-разработчика. Вы можете редактировать, выполнять отладку, просматривать CSS, HTML и JavaScript. Результат внесенных изменений отображается мгновенно. Плагин FireBug очень удобен для поиска фрагмента кода, отвечающего за вывод того или иного блока на странице, и, соответствующего ему CSS-стиля.
Плагин имеет замечательную функцию Inspect, с помощью которой можно посмотреть какие тэги и свойства определяют положение отдельного элемента на странице. Кроме того, во вкладке Layout можно посмотреть какие поля и отступы заданы для этого элемента.
Этот плагин является дополнением к FireBug. C помощью него можно легко разместить в вашем макете изображения и посмотреть на эскиз как бы в уже готовом виде. Для этого надо выбрать картинки и разместить их прямо на странице. Картинки полупрозрачные, легко перетаскиваются мышкой.
Скачать плагин Pixel Perfect для Firefox.
HTML Validator упростит процесс создания валидной HTML разметки в соответствии с веб-стандартами. Теперь нет необходимости не нужно заходить на официальную страницу валидатора.
Плагин подробно показывает ошибки и точное место, а также объяснит, как эту ошибку исправить. Работает в фоновом режиме и встроен в страницу просмотра исходного кода. Очень экономит время.
В данный момент, одним из лидирующих направлений разработки ПО является веб-разработка. Под веб-разработкой подразумевается разработка интернет сервиса или веб-приложения, его обслуживание, поддержка, а также оптимизация под поисковые системы (SEO).
Junior веб-разработчики занимаются собственно созданием несложных веб-приложений, причем преимущественно клиентской разработкой и частично серверным программированием, хотя серверная часть в таких приложениях обычно не очень сложная. Более опытные веб-девелоперы работают еще над сложными частями серверной логики и интеграцией с внешними системами. Для SEO часто нанимают отдельного человека или целую команду специалистов.
Для подтверждения квалификации Junior Web Developer, нужны такие знания:
- Программирование (знание систем счисления, элементарных алгоритмов)
- Языки представления HTML/XML/CSS (основные понятия и принципы, синтаксис)
- Язык JavaScript (синтаксис, обработка событий, работа с DOM)
В этот перечень не включены знания серверных веб-технологий, таких как PHP, Python или Java. Они будут включены в более сложную квалификацию Web Developer со специализациями. Для проверки базовых знаний в области программирования серверной логики в квалификацию добавлен тест по основам программирования.
Необходимые тесты
Программирование - Основы
Поскольку от Junior"а требуется знание JavaScript, ему необходимо знать азы программирования. В этом тесте собраны довольно элементарные вопросы по булевой алгебре, системам счисления (особенно двоичной и шестнадцатиричной), простым алгоритмам.
HTML - Основы
Тест HTML проверяет знания Junior"ом основных тегов и элементов языка, которые будут необходимы в работе. Также в тесте есть вопросы по некоторым аббревиатурам, браузерам и косвенно о XML.
CSS - Основы
Junior"у необходимо наряду с HTML знать и CSS, так как иначе разработка более-менее серьезного сайта будет сопряжена с трудностями. Тест покрывает знания основных свойств и атрибутов, box-модели, селекторов.
XML - Основы
Знание XML не настолько критично для Junior"а как знание HTML/CSS, но требуется больше как базовое, которое пригодится Junior"у в будущем. Кроме того, нельзя забывать, что на XML основаны большинство других форматов разметки: тот же XHTML, WSDL или набирающий популярность со стандартизацией HTML 5 SVG. Вопросы теста в основном теоретические, покрывающие знание базовой спецификации XML.
JavaScript - Основы
Если, в начале 2000-х годов знание JavaScript Junior"ом было необязательным, то сейчас, спустя 10 лет, это одно из первоочередных требований. Знание JavaScript, помимо динамических возможностей в браузере клиента, открывает путь к изучению более сложных технологий, таких как AJAX, которые позволяют создавать насыщенные интернет приложения (Rich Internet Applications, RIA). Вопросы теста проверяют синтаксис, основные функции и объекты JavaScript.
Написание статьи
Тематика статьи предлагается администрации и либо принимается либо отвергается с предложением альтернативной. Тематика должна касаться предметной области. Это требование проверяет умение Junior"а быстро вникнуть в суть определенной технологии/подхода/фреймворка. Как вариант можно предложить на рассмотрение администрации 3-4 темы для статьи, а администрация предложит для написания одну из них. Написанная вами статья не должна быть ранее опубликова на других ресурсах.
Составление вопросов
Необходимость составления вопросов преследует те же цели, что и написание статьи: умение аналитически подходить к освоению нового, отделять важные аспекты от неважных. Тематики вопросов также согласовываются с администрацией (это нужно так как в некоторых тестах довольно много вопросов и при добавлении еще одного высока вероятность, что похожий вопрос уже есть).
Важно: Вопросы на счет статьи можно задавать в комментариях на странице Вашей квалификации (не перепутайте с публичной страницей описания), на которую можно зайти из ссылки на профиле в блоке Квалификации.
Ждем Ваших комментариев и отзывов.
Здравствуйте, уважаемые читатели блога сайт. Предлагаю вашему вниманию очередную статью, которая будет посвящена рассмотрению возможностей плагина для Firefox () под названием Web Developer.
Этот плагин для браузера Firefox () — своеобразный швейцарский нож для вебмастеров, имеющий массу возможностей и инструментов в своем составе.
Web Developer ни в коем разе не умоляет достоинства рассмотренного ранее , а скорее очень сильно дополняет его. Если вы еще не очень хорошо знакомы с возможностями Фаербага, то можете почитать о нем по приведенной ссылке.
Установка и возможности ВебДевелопера
Вы сможете посмотреть как устроена заинтересовавшая вас Html форма, изменить некоторые ее параметры, к примеру, включить отображение в полях паролей вносимых символов или же конвертировать GET-запросы в POST и, наоборот.
Другие инструменты этого замечательного плагина
В области «Графика» имеются пункты, которые позволят вам отключить показ картинок (либо всех изображений, либо только загруженных с внешних ресурсов, либо только анимированных). Так же вы сможете простой установкой галочек рядом с нужными пунктами в меню «Графика» настроить отображение рядом с изображениями информации о содержимом атрибута ALT (альтернативный текст), а также информации о весе данного фото, его размере в пикселах и пути до файла с изображением.
Так же можно будет настроить в плагине Web Developer показ контуров изображений, найти поврежденные картинки, вывести сводную информацию обо всех фотографиях на открытой вебстранице и, например, настроить показ вместо них содержимого атрибута ALT.
В области «Инфо» данный плагин может предоставить огромное количество информации об открытой в браузере вебстранице в целом. Пунктов в этом меню очень много. Например, активация пункта «Показать размеры блоков» приведет к выделению всех блоков (DIV контейнеров) на вебстранице и демонстрации рядом с ними их точных размеров в пикселях.
Можно будет также с помощью плагина Web Developer посмотреть структуру заголовков данной страницы, информацию о ссылках на ней и многое другое.
В области «Разное» сосредоточены те возможности, которые не нашли место в других группах инструментов. Интересной из этой группы является «Линейка», при активации которой вы получаете возможность в измерять расстояния между элементами вебстраницы или определять размер в пикселях того или иного блока.
После активации линейки из состава плагина курсор мыши превращается в крест и вы можете, нажав и удерживая левую кнопку мыши, выделить нужный элемент страницы. Под панелью инструментов Web Developer вверху окна браузера Firefox находится панель инструмента «Линейка», на которой будет выведена информация о размере выделенной области.
В области «Разное» сосредоточенно еще довольно много интересных и полезных возможностей. Например, пункт «Редактор HTML» открывает дополнительное окно с HTML кодом данной страницы. Все вносимые в нем изменения будут тут же отображать в браузере. Очень удобно для быстрых экспериментов с дизайном сайта. При этом, естественно, никаких изменений в реальных файлах движка веб проекта производиться не будет.
Но зато вы сможете с помощью Web Developer в реальном времени промоделировать различные варианты построения данной страницы через Firefox. Если же новый, смоделированный с помощью него вариант кода вас устроит, то придется вносить изменения уже в реальные файлы движка вебсайта, найти которые вы сможете, используя способ описанный .
Область «Контуры» очень поможет вам при изучении элементов оформления вебстраницы. Активируя тот или иной пункт в меню «Контуры» можете выделить на странице отдельные типы ее элементов, например, элементы уровня блока (DIV контейнеры), элементы Html таблиц (), фреймы ( статья живет) или же ссылки на странице, у которых нет атрибута Title. Очень повышает наглядность верстки.
В меню «Размеры» собраны несколько возможностей управления размером окна браузера. Так же можно задать окну произвольный размер, чтобы посмотреть на поведения данной страницы при вносимых изменениях.
В группе «Инструменты» собраны возможности для проверки валидации (соответствия современным требованиям к вебразработке). Можно осуществить проверку HTML, CSS, WAI и Section 508. Проверка осуществляется через онлайновый валидатор от .
Настройку плагина можно произвести, выбрав в группе инструментов «Настройки» пункт с аналогичным названием. В заключении хочу сказать, что с помощью возможностей Web Developer можно легко разобраться в том, как устроена та или иная понравившаяся web-страница, а также он будет очень полезен при создании и отладке сайтов.
Удачи вам! До скорых встреч на страницах блога сайт
посмотреть еще ролики можно перейдя на");">
Вам может быть интересно
SEObar - удобный и информативный SEO плагин для Оперы
Firebug - как пользоваться лучшим плагином для вебмастеров
Оптимизация и сжатие CSS в Page Speed - как отключить внешние файлы стилей и объединить их в один для ускорения загрузки
Rds Bar и Page Promoter бар в помощь вебмастеру
Safari - где скачать и как настроить под себя бесплатный браузер для Windows от Apple
Расширения и темы для Google Chrome
Плагины и темы для Mozilla Firefox - какие дополнения и расширения стоит скачать и установить
Влад Мержевич
Хотя расширение имеется для двух разных браузеров, версия под Firefox находится в актуальном состоянии и регулярно обновляется, чего не скажешь о версии под Chrome. К тому же поддерживает русский язык. Поэтому в дальнейшем описание будет идти только для Firefox.
Установка происходит довольно просто, достаточно зайти браузером Firefox на сайт автора и нажать «Download», после чего вы будете перемещены на сайт, где надо щёлкнуть по «Добавить в Firefox» (рис. 7.1).
Рис. 7.1. Добавление в Firefox
Также можно зайти напрямую на страницу с расширением.
После добавления появится окно с предупреждением (рис. 7.2), жмём кнопку «Установить сейчас» и процедура установки закончена.
Рис. 7.2. Установка Web Developer
Ещё одним способом установки разных расширений является использование меню Инструменты > Дополнения . В окне поиска набираем «web developer», жмём Enter , в списке ниже появится нужное нам дополнение (рис. 7.3).
Рис. 7.3. Окно с дополнениями Firefox
Само расширение выглядит как строка меню над вкладками (рис. 7.4), также оно доступно через меню Инструменты > Web Developer . Включать/выключать панель можно через меню Вид > Панели инструментов либо щелчком правой кнопки мыши по панели расширения.
Рис. 7.4. Web Developer в браузере
Пройдёмся по пунктам меню Web Developer.
Отключить кэш
Отключает встроенный кэш браузера. Обычно изображения и копии просмотренных страниц сохраняются браузером на локальном диске для экономии времени загрузки. При повторном открытии страницы, браузер сравнивает локальную копию с оригиналом и если они совпадают, то загружается локальная копия. В некоторых случаях происходит загрузка локальной версии страницы, даже при изменении оригинала. К примеру, в настройках браузера может быть установлена проверка каждые два часа, обновилась ли на сервере сохранённая в кэш страница. Впрочем, Firefox не позволяет проводить тонкую настройку кэша наподобие Opera.
Обновить страницу в обход кэша можно также комбинацией клавиш Ctrl +F5 , она поддерживается всеми браузерами.
Java - язык программирования, разработанный компанией Sun Microsystems. Небольшие программы на этом языке (так называемые апплеты) используются для расширения функциональности веб-страниц. В Firefox встроена поддержка этого языка, которую можно отключить через этот пункт меню. В версии Firefox 3.6 не работает.
Отключить JavaScript
Язык программирования, предназначенный для работы скриптов - интегрированных с веб-страницей программ. JavaScript широко используется при создании веб-страниц для расширения их функциональности, например создать различные меню, формы, эффекты и др. Если выбрать пункт Отключить JavaScript > Полностью , то вся функциональность на сайте перестанет работать. Этот пункт меню можно использовать для проверки работы сайта без скриптов, а также для обхода различных ограничений, которые устанавливают авторы сайтов, вроде отключения работы правой кнопки мыши. Web Developer говорит, что нет таких ограничений, которые нельзя было бы обойти.
Отключить META-переадресацию
С помощью тега можно осуществить автоматическую переадресацию на указанный документ через определённый промежуток времени. Для этого используется тег и значение Refresh атрибута http-equiv (пример 7.1).
Пример 7.1. Автоматическая переадресация
Переадресация может применяться в чатах для обновления текущего документа или перенаправления на новый адрес. Но также используется и со злым умыслом, например, с целью частого показа контекстной рекламы или баннеров. Данный пункт меню позволяет заблокировать подобный тег .
Отключить минимальный размер шрифтов
В настройках Firefox можно установить минимальный размер шрифта, он будет использоваться для текста, размер которого меньше указанного. Это позволяет сделать просмотр страниц более удобным для чтения, особенно на сайтах, у которых текст отображается шрифтом, размер которого слишком мал для комфортного восприятия.
Чтобы установить минимальный размер шрифта, выберите в меню Инструменты > Настройки... , откройте панель Содержимое и щёлкните по кнопке Дополнительно в группе Шрифты и цвета. Вы можете выбрать минимальный размер шрифта из выпадающего меню Наименьший размер шрифта .
Web Developer позволяет быстро включать или отключать эту возможность. Однако, если минимальный размер шрифта в настройках не задан, этот пункт никак не влияет на результат.
Отключить цвета страницы
Выключает любые цвета, заданные с помощью свойства background или background-color . Затрагиваются также фоновые рисунки, которые установлены с помощью background .
Отключить блокировщик Popup
Всплывающие окна обычно используются для рекламы, поэтому в браузерах они обычно блокируются и не допускаются. Данный пункт позволяет быстро включить и выключить эту опцию.
Отключить прокси
Под прокси понимают обычно сервер или программу, позволяющую подключаться к Интернету, а также с целью создания запросов от имени других клиентов. Если в настройках Firefox (Инструменты > Настройки.. , панель Дополнительные , вкладка Сеть , кнопка Настроить ) стоит «Использовать системные настройки прокси», то этот пункт неактивен.
Отключить Referrers
Referrer это один из заголовков протокола HTTP и позволяет получить адрес страницы, с которой пользователь пришёл на сайт. Если вы печётесь о безопасности своих данных, включите этот пункт.
Кукисы или куки, как их называют на жаргоне, это небольшие текстовые файлы на локальном компьютере, в которых сохраняется полезная для сайта информация. С помощью куки можно запомнить имя пользователя, его статус и другую информацию, которая используется на сайте. Firefox задаёт настройки куки через меню Инструменты > Настройки... , панель Приватность . В целях безопасности вы вообще можете отключить приём куки с сайтов.
Сами куки представляют собой набор некоторых параметров:
- уникальное имя;
- значение;
- путь - отправлять куки только при совпадении пути и адреса страницы, путь «/» обозначает любую страницу;
- домен - для какого адреса сайта актуальна запись;
- дата истечения - сообщает браузеру, когда куки можно удалить.
Отключить Cookies
Отключает приём куки с сайтов.
Удалить Cookies сессии
Куки часто применяются для проверки аутентификации пользователей. После ввода имени и пароля генерируется уникальный код, сохраняемый в куки. При повторном посещении сайта идёт проверка данного кода, и если он совпадает с серверным, то сайт «узнаёт» пользователя. Выбор этого пункта удаляет все сохранённые сессии.
Удалить Cookies для домена
Удаляет все куки для сайта, который в данный момент открыт в браузере.
Удалить Cookies для пути
Удаляет все куки для сайта, путь которых совпадает с путём сайта открытого в браузере.
Информация о Cookies
Открывается дополнительная страница, где в табличной форме представлены все куки с данного сайта. Их параметры можно отредактировать или вообще удалить куки (рис. 7.5).
Рис. 7.5. Информация о куки с сайта youtube.com
Добавить Cookies
Позволяет искусственно установить куки для текущего сайта или любого другого, а также задать необходимые параметры (рис. 7.6).
Рис. 7.6. Окно для добавления
Добавление обычно требуется для отладки работы куки и поведения сайта при их наличии.
CSS
Это меню отвечает за стили текущей страницы.
Отключить стили
Предназначено для отключения стилей по какому-либо признаку.
Все стили
Отключает все используемые на странице стили.
Стиль браузера по умолчанию
Отключает стиль для всех элементов, к которым он добавляется по умолчанию браузером. К примеру, текст внутри
и
Имеет разный размер.
Заголовок
После отключения стиля размер текста у этих элементов будет одинаковый.
Встроенные стили
Отключает стиль внутри тега