Блог TemplateMonster

Призрак Оперы. Расширения для разработчиков.

В последнее время мы наблюдаем стремительную гонку обновлений между Mozilla Firefox и Chrome, которая фактически вытеснила из информационного пространства все новости про еще один достаточно популярный браузер - Opera. Мы получаем лишь самый минимум информации о нем, и это кажется не справедливым, так как на нашем корпоративном сайте TemplateMonster практически 25% пользователей используют этот браузер. Более подробная информация на рисунке.

Такая популярность Opera является лучшим доказательством того, что этот браузер обладает рядом неоспоримых преимуществ. Сегодня мы продемонстрируем вам список расширений для веб разработчиков, которые докажут, что Opera справедливо входит в тройку лидеров. Мы уверены, что среди наших читателей найдется множество поклонников Opera и им будет приятно увидеть подтверждение того, что они выбрали достойный браузер. Адепты других лагерей при этом смогут убедиться, что их выбор хотя и небезоснователен, но, возможно, не должен быть столь категоричным.
Большинство расширений, которые мы упомянем, имеют очень узкую направленность, но встречаются среди них и многофункциональные инструменты с множеством полезных функций, как Developer Briefcase. Давайте с него и начнем.

The Developer Briefcase


Расширение The Developer Briefcase это швейцарский нож в арсенале веб разработчика и дизайнера. С его помощью можно отлаживать, тестировать и анализировать страницы разрабатываемого сайта. Трудно найти другой инструмент с таким же разнообразием функций.

* * *

Readable JavaScript


Это расширение поможет вам отформатировать и подсветить код JavaScript. Оно вызывается при открытии .js файлов или по нажатию на специальную кнопку. Кроме того, расширение обладает хорошими возможностями при отладке и анализе JavaScript.

* * *

YSlow


YSlow одно из самых маленьких, но популярных расширений для Opera. Как можно понять из его названия, основная его задача это анализ производительности сайта. На основе набора правил типичных для быстро загружающихся страниц, вы получите список рекомендаций для улучшения вашего сайта.

* * *

JsonViewer


Json Viewer форматирует и подсвечивает данные JSON загруженные из файла или с сервера. Кроме того, это расширение помогает работать с данными, подсвечивая строки и логические значения синим, цифры зеленым, а нулевые значения красным цветами.

* * *

URL Encoder/Decoder


Это расширение позволяет закодировать/раскодировать строки, как это происходит при отправке их из веб форм на сайтах.

* * *

OMeasure!


Это самый лучший инструмент, который позволит вам легко измерить размер любых объектов на странице. Для того, что бы плагин заработал после установки, вам потребуется просто перезагрузить страницу.

* * *

Resize Me


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

* * *

Validator


Проверьте валидность вашей страницы с помощью HTML валидатора W3C. Это расширение работает только со страницами, которые доступны онлайн. Для начала проверки достаточно просто нажать на кнопку.

* * *

XCodeViewer


XCode Viewer это просмотрщик XML, который обеспечивает подсветку синтаксиса и поиск XPath. Кроме того, вы сможете сворачивать и разворачивать теги и перемещать ноды с помощью кнопки Tab.

* * *

Auto-Ipsum


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