Сайт вебмастера

Лучшие программы для вебмастера

05-02-2012Время чтения ~ 6 мин.Софт 28788

Решил собрать воедино все те программы, которые использую при создании сайтов. К счастью, таких достаточно много и всегда есть выбор. Основной упор я делаю на бесплатные программы. Далеко не всегда нужно ставить коммерческие версии и «ломать» их. Есть вполне приличные альтернативы.

Браузер

Тут особого выбора и нет. Для вебмастера браузер это не только программа, отображающая его работу, но и дополнительные инструменты отладки кода. Конечно самым лучшим браузером будет FireFox. Особенно порадовала последняя 10-я версия, где обновился «Инспектор элементов» (в меню Веб-разработка).

В качестве дополнительного инструментария я использую раcширение Web Developer. В принципе связки «Инспектор элементов» и «Web Developer» достаточно для подавляющего большинства задач вебмастера.

Раньше я использовал расширение Firebug, но потом от него отказался за ненадобностью. Хотя, если стоит задача выполнить какой-то сложный анализ страницы, то Firebug, будет предпочтительней.

Что касается других браузеров, то тут всё зависит от привычки. В Опере довольно интересный инспектор кода, но сам по себе браузер неудобный. А вот в Хроме инструменты отладки реализованы крайне неудобно, хотя самим браузером пользоваться достаточно приятно. :-)

Текстовый редактор

За свою практику перепробовал несколько десятков самых разных вариантов. От сложных IDE, до стандартного Блокнота. В итоге выбор сделал в пользу Notepad2, точнее его модификацию Notepad2-mod. Принципиальное отличие в том, что Notepad2-mod поддерживает сворачивание/раскрытие блоков/узлов (Code Folding).

Вот эти «плюсики» и «минусики» и есть Code Folding. :-)

Отличие Notepad2 от других редакторов - это полное отсутствие глюков, куча возможностей по работе с текстом, масса схем подсветки кода, а также возможность работы с очень большими файлами. Попробуйте открыть какой-нибудь лог на 100Мб. Удивительно, но Notepad2 с этим без проблем справляется.

Из альтернатив я редко пользуюсь Notepad++ и PSPad.

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

Что касается Notepad++, то последние его версии очень даже радуют. Отличный функционал, единственное, что меня несколько напрягает, это некоторые тормоза при его запуске. Но в целом Notepad++ также можно смело рекомендовать для использования.

Файловый менеджер

Тут особых альтернатив и нет - Total Commander. Правда программа платная. Несколько лет назад я пытался найти альтернативу, в итоге плюнул и оплатил лицензию через SoftKey. Цена смешная - 46$, совершенно не жалко её отдать. :)

Отмечу несколько моментов. Total Commander не только файловый менеджер, но и отличный ftp-клиент, а также просмотрщик (разных файлов).

Еще программа расширяется за счет плагинов. Так что программа многофункциональная.

Просмотр изображений

Тут только два варианта: XnView и FastStone. Обе примерно одного уровня и качества. У одной какие-то свои фишки, у другой - другие. Обе программы при работе в режиме миниатюр тормозят, поскольку перечитывают каталоги и файлы. Если их немного, то проблем нет, иначе запуск программы может затянуться на десятки секунд.

Ну и просмотрщики имет в своем составе несложные инструменты для работы с изображениями. В XnView хорошо сделано создание html-галереи. Она совместима с галереями MaxSite CMS (см. «Создание галереи на MaxSite CMS с помощью XnView»).

Захват экрана. Линейка. Цветовая пипетка и пр.

Все эти вещи реализует программа PicPick. Тут и захват экрана, и поддержка своего ftp-сервера для скриншотов, и захват цвета, лупа, линейка (горизонтальная и вертикальная), грифельная доска и даже угломер.

О программе я уже рассказывал, а также приводил примеры альтернатив: см. «Создание скриншотов для своего сайта».

Переключатель клавиатуры. Шаблоны текста

Тут не буду оригинален, использую Punto Switcher. Были какие-то другие альтернативы, но в итоге всё-равно пришел к этой программе. В качестве клавиши смены раскладки использую CapsLock. Очень удобно.

С шаблонами текстов несколько сложней. Вообще про шаблоны текстов я уже рассказывал (см. Шаблоны текста-2 и Шаблоны текста с помощью Punto Switcher) ранее. Принципиально ситуация изменилась - в Punto Switcher сделали вставку прямо из списка автозамен и надобность в других программах отпала.

Шаблоны могут быть совершенно произвольными. Удобство ёще в том, что Punto Switcher поддерживает автозамены вводимого текста. Например у меня есть замена _img на <img src="" width="" height="" alt="" title="" >. То есть при верстке сайтов я значительно экономлю время на написание кода.

Сравнение файлов

Достаточно частая задача - найти различия в нескольких файлах или каталогах. Для этого использую программу WinMerge. Указывается один файл, другой и получаем полный отчет различий. Кроме этого, WinMerge отлично подходит и для сравнения целых каталогов.

Скажем вебмастер желает самостоятельно увидеть изменения в новой версии MaxSite CMS. В WinMerge первым указывам свой каталог, вторым - MaxSite CMS. В отчете будут указаны измененные файлы и по клику - отличия в каждом файле.

Работа с паролями

Для паролей я использую KeePass. Вроде бы существуют и другие альтернативы, но я особо и не искал. Программой пользуюсь давно и без особых нареканий. Единственное, что несколько раздражает, так это то, что последние версии программы стали долго загружаться. С другой стороны, особо часто программа и не вызывается, поэтому недостаток нивелируется. :)

Веб-сервер

Раньше я использовал отдельные установки Apache, PHP и MySQL. Были попытки работать с Денвером, но некоторые вещи мне в нём не нравятся, поэтому использую XAMPP. С ним вообще никаких проблем не возникало.

Недавно появилась отечественная разработка - Open Server. Я, признаться, пока её не пробовал, но на первый взгляд выглядит прилично.

Графический редактор

Времена монополии фотошопа потихонечку проходят и теперь вебмастерам доступны вполне приличные программы. Прежде всего остановлюсь на PixBuilder. Для 90% задач его хватает с головой. Интерфейс напоминает фотошоповский, так-что переучиваться не придется. Поражает скорость работы программы - запуск буквально за пару секунд.

Другая альтернатива - Gimp. Если знать все его возможности, то в принципе редактор действительно может составить конкуренцию фотошопу. Но вот более дурацкого и неудобного интерфейса - придумать сложно... Этот момент сводит на нет практически все достоинства Gimp. Есть версия программы с нормальным интерфейсом. Но она сильно уж глючная.

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

Построение диаграм, блок-схем. Mind mapping

Тут у меня без альтернатив - Diagram Designer. Масса готовых блоков, схем, стрелок и т.п. Если стоит задача быстро накидать какой-то вариант, то Diagram Designer отлично с этим справится.

Mind mapping - это так называемые ментальные карты. По сути это теже блок-схемы, только в более расширенном варианте. Я использую две программы XMind и FreeMind. Принципиальной разницы между ними нет, просто одним клиентам больше нравится первая, другим - вторая.

Если нужно получить от клиента вменяемый вариант того, что он хочет, то Mind mapping для этой цели отлично подходят.

Макетирование

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

Прочие программы

По основным программам, пожалуй, всё. Такие программы, вроде почты и списка дел, больше относятся к организации рабочего процесса и будут уже индивидуальны. :)

Похожие записи
Комментарии (12) RSS
1 Илья Земсков 2012-02-05 14:05:20

Иногда от клиентов приходят изображения в векторном формате. Использую Inkscape или Draw из OpenOffice. Для просмотра графики юзаю Irfanview.

Для себя из статьи отметил использование шаблонов при вводе (почему-то пропустил статьи где вы раньше это описывали) - спасибо!

А в целом, всё то же самое.


2 Admin 2012-02-05 14:24:43 admin

Мне, к счастью, в векторном не присылают. :)


3 Тарас 2012-02-06 12:37:26

Кстати, в хроме в последних версиях уже достаточно удобный developer tool, почти как Firebug (даже виснет реже), но я не представляю как js править и тестировать без Firebug/Chrome tool, да и вносить изменения в стили/layout удобнее в них, чем в WebDeveloper Toolbar. Он у меня тоже стоит, но практически не использую.

Для простых изменений юзаю Notepad++, запускаемый из WinSCP, чтобы сразу изменения, при сохранении, производились на сервере. А Total Commander я забросил и перешёл на FAR, т.к. сейчас всё больше приходится работать с командной строкой, в TC это не очень удобно. И, кстати, там же без регистрации вроде можно работать вполне успешно, просто при старте будет появляться окно с просьбой нажать 1, 2 или 3.

Очень советую попробовать PhpStorm, имхо, лучшая IDE под PHP (и со мной согласно достаточно много девелоперов).

Плюсую XAMPP, но слышал, что в новых версиях PHP (5.4


4 Андрей Морковин 2012-02-16 13:04:20

Отличная подборка программ. Очень понравилось, что Вы рекомендуете свободно распространяемый софт. Нашел здесь несколько интересных программ, которые так и не попробовал, а, видимо, зря — исправлюсь.

PSPad, конечно, со своей спецификой в редактировании текста не очень удобен (лично мне, зато другим это нравится). Но в PSPad есть замечательная функция: выделил название переменной или метода -> нажал Ctrl+Shift+стрелка вверх или стрелка вниз и перешел к предыдущему/последующему упоминанию выделенного текста.

NotePad++ не умеет перескакивать к выделенному фрагменту так, как умеет делать PSPad, но, зато есть приятна функция подстветки совпадений выделенного фрагмента в документе (я этим пользуюсь). И в редактировании текста нет никаких неприятных особенностей. Однако, блин, из-за того, что фон в NotePad++ чуть коричневатый, на мониторе ноута идет едва заметная рябь. Так и прыгаю между двумя текстовыми редакторами :)


5 Vlad 2012-02-16 14:20:54

По поводу WinMerge для сравнения файлов...

В Total Commander например, без всяческих аддонов, уже итак встроены отличнейшие функции для сравнения, синхронизации файлов и каталогов. Меню "Команды"->"Синхронизировать каталоги"


6 Vlad 2012-02-16 14:25:48

Для локального сервера использую виртуальную машину на VirtualBox с установленной на нем OS как и на хостинге, и устанавливаю там точно такие же версии Apache, PHP, MySQL (+ расширения и библиотеки) :)


7 Руслан 2012-02-16 15:37:33

Спасибо за подборку, всегда интересно кто чем пользуется. На OpenServer пересел уже неделю как, доволен.


8 Иван 2012-02-16 19:52:44

Текстовый редактор?

Откройте для себя IDE! Например я пользуюсь NetBeans. Он умеет то, чего вы добиваетесь несколькими программами: работа с проектами (редактирование текста, подсветку тегов/кода я думаю не надо упоминать), шаблоны текста (а с плагином zenCoding вообще создавать html очень быстро), работа непосредственно с ftp (как создание проекта из существующего кода, так и отправка правок при сохранении), поиск и замена (как по открытым файлам, так и по открытым проектам; с поддержкой регулярок), сравнение файлов построчно (в том числе и с локальной историей) и наложение разницы, форматирование кода (иногда очень нужно). Да, правда нету сворачивания кода (Code Folding), но я и не искал.

Минусы тоже есть, например необходимость наличия jre, ну и неповоротливость/жуткие тормоза на 475 мегагерцовом компе :)

Насчет всего остального:

Браузер — должны быть все 5 популярных, да еще и не в одном экземпляре (особенно ie), а в каком удобней работать сами решайте. Мне Опера нравиться.

Файловый менеджер — т. к. у меня в качестве ОС Ubuntu, то пользуюсь стандартным (Nautilus). Для ftp — FileZilla.

Просмотр изображений — стандартный просмотрщик.

Захват экрана. Линейка. Цветовая пипетка — PrntSc, то есть стандартный скриншотер, а дальше какой-нибудь редактор с пипеткой, линейкой и прочим.

Переключатель клавиатуры — CapsLock на инглиш, Shift + CapsLock на рукраиниш (украинская раскладка с недостающими русскими буквами с правым alt'ом, ну и — «» © ® ™ плюс некоторые другие с клавиатуры).

Работа с паролями — встроенная хранилка паролей (напоминаю у меня Ubuntu).

Веб-сервер — apache + php + mySql + nginx + ftp на домашнем сервере (он же файлопомойка/торрентокачалка).

Графический редактор — Gimp, DarkTable, ImageMagick (он же консольный фотошоп).

Построение диаграм, блок-схем — LibreOffice Draw.


9 Сергей 2012-03-11 18:51:49
Редактор: тоже пробовал много, остановился на Sablim Text 2 :coolsmile:

Все остальные редакторы нервно курят в сторонке :)

В том числе и notepad2 и ++ вместе с PS Pad

Попробуй его Макс, он тебе точно понравится ;-)

Очень быстрый, удобный, плюс есть куча плагинов полезных.

Пароли: Однозначно Roboform - лучшего еще никто не придумал :)

Шаблоны текста - есть же спец надстройка к любому редактору, вот там действительно очень быстро код набирается.

Редакторы графики: пока лучше фотошопа ничего нет.

Еще раз порекомендую всем редактор Sablim Text 2 - лучше не нейдете :)


10 FeoGrad 2012-04-28 18:39:10

Из всего перечисленного выше уже несколько лет подряд постоянно использую Notepad++


11 Иван 2014-10-21 17:06:16

Спасибо!

Теперь знаю что скачивать)


12 Иван 2016-06-24 22:10:00

Очень интересный список программ, приятно читать.