31 августа 2009

Подборка программ и плагинов для веб-разработчика

Прерву последовательность видео уроков по верстке сайта и сделаю подборку программ и плагинов для веб-разработчика. Я работаю в браузере FireFox (чего и вам советую, не смотря на его тормознутость при запуске), так что плагины у нас будут файерфоксовские.

А советую я FireFox как раз из-за очень интересных плагинов к нему. Вот такой замкнутый круг.

Лучшие программы для создания сайта

1. Какой веб-разработчик обойдется без Denwer-а (подробнее о Denwer)?

2. Отличная программа Dreamweaver 8.

Не бейте ногами! Я использую Dreamweaver только в режиме текстового редактора

Восьмую версию без проблем скачать на torrents.ru (более поздние версии Дримвьюера найти сложнее, но при желании все возможно). Идеально подходит верстальщику. А вот программисту - это на любителя. Программа автоматически "подсказывает" не только теги, но и свойства тегов, и даже значения свойств тегов. Теперь запомнить как пишется конструкция <div style="clear:both; background-position:100px 50px; background-color:#000"> и не допускать ошибки в написании очень просто, если вы, конечно, используете Dreamweaver.

Программисту программа не столь нужна, как верстальщику, потому что веб-программеров мало волнует HTML, а в PHP от Дримвьюера помощи не дождешься.

Минусом программы является ее громоздкость за счет множества дополнительных функций (безусловно интересных, но ими обычно не пользуешься).

3. Раз уж мы заговорили о редакторах, то обойти стороной более легкую для загрузки и для понимания альтернативу обычном виндовскому блокноту, кстати ужасно умную альтернативу, не получится. Встречайте: PSPad.

Программа бесплатная и очень полезная (все, знакомые мне php-программеры работают именно в ней). Легкая, простая в использовании. Позволяет легко перекодировать файл из одной кодировки в другую (я использую ее для этих целей очень часто). А самое интересно - это то, что программа позволяет создать соединение с FTP-сервером и править файлы прямо на хостинге (т.е. в отличии от правки в Total Commander, загрузки файла и последующей его перезаписи не происходит, все вносимые изменения сохраняются на хостинг без лишних вопросов; за это программе большое спасибо).

Еще одной приятной особенностью PSPad-а является подсвечивание открывающегося и, соответствующего ему, закрывающегося тега.

А еще PSPad умеет производить поиск и замену текста внутри файлов. Очень удобно, когда в куче файлов проекта нужно поменять местами ссылки или что-то в этом роде.

Минус - плохо реализованная подсказка синтаксиса HTML: теги подсказываются только при нажатии на Ctrl+ПРОБЕЛ (смотрите сами, минус это или плюс, кому как), а вот свойства тегов вообще не подсказываются. Ну вот почему они этого не сделали? Поэтому мне приходится юзать Dreamweaver.

4. Notepad++ это еще один текстовый редактор блакнотозаменитель. В отличии от PSPad, нет возможности править файлы на хостинге. Все так же плохо реализована подсказка тегов. Но есть очень приятная особенность: Notepad++ запоминает открытые документы, положение курсоров и выделенные в них фрагменты. Закрыв и снова открыв этот редактор запомненное будет восстановлено. Очень удобно, когда вы частенько открываете один и тот же документ и копируете от туда один и тот же фрагмент текста.

5. Ну и конечно Total Commander - как самый лучший инструмент для просмотра каталогов с файлами и заливки их на сервер (сайт, посвященный Total Commander-у).

Плагины для FireFox веб-разработчику

С программами разобрались, теперь обратим наш взор на плагины. Огромное количество интереснейших плагинов существует для FireFox (так уж случилось, что я именно с этим браузером работаю).

1. ColorZilla - плагин позволяет определить код цвета на страничке сайта. Достаточно просто навести курсор (при включенном плагине) на интересующий вас цвет и вы узнаете его код.

2. MeasureIt - линейка, позволяет измерять высоту и ширину объекта на странице в пикселах. Есть аналогичный плагин для Opera - Ruler, он, на мой взгляд более удобен, но я работаю с FF.

3. HTML Validator - этот плагин научит вас писать валидный HTML-код. Иконка плагина встраивается в нижнюю часть окна браузера и отображает статус HTML-валидности страницы. При двойном щелчке открывается HTML-код загруженной страницы с описанием ошибок и путей их устранения.

4.  Web-developer - мощный плагин с множеством возможностей, из которых я использую только валидацию CSS (FF/Меню/Инструмены/Web Developer/Инструменты/Validate CSS).

5. Самый мощный и интересный плагин для веб-разработчика - это, конечно же, FireBug. Данный плагин позволяет "на живую" подредактировать загруженную страницу, изменить ее HTML и CSS, тут же увидеть и оценить сделанные изменения. Данный плагин очень удобен для поиска фрагмента кода, отвечающего за вывод того или иного блока на странице, и, соответствующего ему CSS-стиля.

На сладкое

Хочу, в качестве десерта, предложить вам подборку просто достойных и интересных плагинов к FireFox.

1. Gmanager - плагин, встраивающий свою иконку в нижнюю панель окна браузера и отображающий там количество новых сообщения на вашей Gmail-почте. Кликнув на иконку, попадаете сразу в свой gmail-аккаунт.

2. Twitterfox - позволяет вам следить за сообщениями ваших фоловеров в Твиттере и писать новые твитты (вы можете почитать мою подробную статью о Твиттере - очень интересный сервис, революционный даже).

3.  Wisestamp - создайте подпись для ваших сообщений Gmail, она будет автоматически встраиваться в отправляемую почту (ссылки с иконками, фотография, очень прикольно реализовано, я пользуюсь).

4. Яндекс.Бар - очень полезное расширение для FF. Встраивает поиск Яндекса, информер о значении тИЦ страницы в браузер, а еще проверяет орфографию в вводимом тексте. Отличная штука, рекомендую.

5. Fireuploader - плагин, позволяющий выгружать файлы на хостинг популярных сервисов. Я использую его для выгрузки фото на Photobucket.

С уважением, Андрей Морковин

http://getfirebug.com/