Опубликовано Февраль 6th, 2008 by Jazzina
После отпуска продолжаю тестировать "Набор веб-разработчика на базе Firefox" и, надеюсь, в скором времени выложу готовую версию.
Если у Вас есть желание помочь в тестировании, обращайтесь, буду рад.
Читать далее...
Нет комментариев
Опубликовано Декабрь 25th, 2007 by Jazzina
Еще одна полезная фишка для Набора веб-разработчика на базе FireFox - расширение Dust Me Selectors.
Позволяет очистить каскадные таблицы стилей от неиспользуемых классов.
(далее…)
Читать далее...
1 Комментарий
Опубликовано Декабрь 17th, 2007 by Jazzina
Наверное самым мощным инструментом в "Наборе веб-разработчика на базе FireFox" является FireBug - уникальное средство отладки веб-приложений.
Firebug позволяет:
- Инспектировать и редактировать исходный код страницы
- Инспектировать объектную модель документа
- Инспектировать и редактировать каскадные таблицы стилей
- Инспектировать, запускать, отлаживать и редактировать скрипты
- и многое другое…
(далее…)
Читать далее...
2 комментариев
Опубликовано Декабрь 17th, 2007 by Jazzina
Очередным этапом сборки "Набора веб-разработчика на базе FireFox" является компонент Web Developer.
После установки этого замечательного расширения появляется панель, которая позволяет:
- отключать кэш, java, javascript, редиректы, поле referrer и многое другое
- работать с cookies: просматривать, отключать, удалять
- работать с CSS: отключать разные типы каскадных таблиц, просматривать по типу, редактировать "на лету", что очень полезно при верстке сайта
- работать с формами
- работать с изображениями и их свойствами: показывать title, alt, размеры экранные, размеры файлов картинок, скрыть фоновые изображения, скрыть остальные изображения, обвести изображения по признаку наличия или отсутствия alt, title и др.
- выводить информацию о: расположении анкоров, именах слоев, свойствах ID и CLASS, и пр.
- протестировать страницу валидаторами: javascript, HTML, CSS, RSS и пр
- проверить валидность ссылок
- и многое другое

(далее…)
Читать далее...
Нет комментариев
Опубликовано Декабрь 17th, 2007 by Jazzina
Очередной этап построения набора веб-разработчика - автоматизация выполнения повторяющихся действий.
iMacros - расширения для FireFox, позволяющее записывать действия в макросы и потом повторять их самостоятельно. Это напоминает макросы в MSO или OOo. Полезно при отладке пользовательских интерфейсов.
(далее…)
Читать далее...
Нет комментариев
Опубликовано Декабрь 17th, 2007 by Jazzina
Шаг №3 с создании Набора веб-разработчика - расширения для контроля и настройки http в FireFox.
FasterFox - расширение для более тонкой настройки самого firefox:
- Отображает таймер загрузки страницы
- Позволяет настраивать объём дискового кэша и кэша памяти браузера
- Позволяет в фоне предзагружать контент ссылок, что повышает скорость серфинга
- Настраивает параметры конвейерной обработки данных протокола HTTP
- Блокирует всплывающие окна из плагинов, например Macromedia Flash
- Позволяет использовать в настройках несколько готовых предустановок
Live HTTP Headers - расширения для мониторинга всех http запросов (как входящих, так и исходящих) в боковой панели. Полезно будет для веб-мастеров, разработчиков и администраторов веб-проектов. Позволяет просмотреть идут ли запросы к серверу и какие ответы приходят от сервера, с какими заголовками.
(далее…)
Читать далее...
Нет комментариев
Опубликовано Декабрь 17th, 2007 by Jazzina
Забудьте о tinyMCE и прочих встроенных в движки визуальных редакторах. У нас есть Xinha here! - замечательное расширение для FireFox, которое представляет из себя WYSIWYG-редактор для форм с богатым набором возможностей.
(далее…)
Читать далее...
Нет комментариев
Опубликовано Декабрь 17th, 2007 by Jazzina
Шаг №2 в компиляции Набора Веб-разработчика расширения ColorZilla и MeasureIt.
ColorZilla помогает определить цвет любой точки страницы.

В использовании прост: мы жмем на пипетку в нижней панели FF и наводим на элемент цвет, которого нас интересует. Жмем на нем левой клавишей мышки. После чего жмем на пипетке (в нижней панели) правой кнопкой мышки и выбираем в каком формате нам нужно положить в буфер обмена найденный цвет. А вариантов достаточно:
- функция rgb для языков программирования - rgb(5,5,5)
- функция rgb для языков программирования (проценты) - rgb(2%,2%,2%)
- формат для HTML - #RRGGBB
- формат для HTML (без решетки), AdSense - RRGGBB
- тип R: 5, G: 5, B: 5
В качестве дополнения есть:
- Возможность масштабирования страницы
- Выбор цвета из палитры
MeasureIt - расширение схожее по назначению с ColorZilla - измеряет расстояния на странице. С помощью него мы можем получить точные размеры произвольного прямоугольника.

Оба этих инструмента незаменимы для веб-дизайнера.
(далее…)
Читать далее...
Нет комментариев
Опубликовано Декабрь 17th, 2007 by Jazzina
Да-да. Речь пойдет о замечательном расширении для Firefox под названием Codetch, первом в списке набора веб-разработчика.
Codetch - WYSIWYG-редактор по функциям напоминающий Macromedia (Adobe) DreamWeaver.
WYSYWYG-редактор со вкладками панелями кнопок.
Менеджер проекта похожий на менеджер проекта в DreamWeaver.
Замечательная функция: code + design знакомая, всем профессионально работающим с DreamWeaver
Ссылки:
Читать далее...
Нет комментариев
Опубликовано Декабрь 17th, 2007 by Jazzina
Едет веб-мастер в поезде и слышит: <td></td> … <td></td> … <td></td>
В процессе создания сайта часто возникает необходимость его отладки: скриптов, каскадных таблиц стилей, кода. Написано достаточно много расширений для Firefox, которые позволяют это делать “не отходя от кассы”: править и просматривать результат в интерактивном режиме. Но навешивать эти довольно объемные расширения на Firefox для серфинга неразумно из соображений производительности и экономии оперативной памяти. Поэтому разумно собрать в отдельном профиле все необходимые расширения как единый комплекс - Набор для веб-разработчика.
(далее…)
Читать далее...
8 комментариев