Я давно не писал код вручную — всё больше работал через визуальные редакторы, — но когда столкнулся с задачей сверстать простой сайт без лишних затрат, вспомнил про BlueGriffon. Поиск альтернатив редакторам вроде Dreamweaver привёл к этой программе, и я протестировал её почти месяц, включая коллизии с CSS и мелкие косяки экспорта. Говорю честно: с первого взгляда кажется неуклюжей, но чем дольше работал — тем больше цеплял подход, основанный на одном конкретном принципе, о котором расскажу ближе к концу.
Что такое BlueGriffon
BlueGriffon — это визуальный HTML-редактор с открытым исходным кодом, созданный командой, связанной с разработчиками Firefox. Он позиционируется как современная замена старичку Mozilla Composer, но с фокусом на чистоту верстки и поддержку HTML5. Я впервые увидел его, когда искал замену устаревшему Nvu, и сразу отметил сходство с ним — но с переработанным интерфейсом. Здесь нет абстрактных «конструкторов страниц за 5 минут», зато есть акцент на понимание веба как кода, просто облечённого в юзабельную форму. Когда я впервые попробовал перетащить изображение — в отличие от большинства визуальных редакторов — BlueGriffon сразу прописал правильные атрибуты width и height без лишней обёртки.
Как это работает
Интерфейс построен на движке Gecko, что означает почти полную совместимость с тем, как страница будет выглядеть в Firefox. Это стало для меня неожиданно важным — я давно работаю с макетами, и привык, что чаще всего визуальная вёрстка в редакторе «гуляет» при открытии в браузере. Здесь я впервые за долгое время не увидел таких скачков. Выделил текст — и он сразу же стал заголовком второго уровня, а не «оформлен как заголовок». Внутри навигация по вкладкам внизу окна поначалу показалась странной, но потом понял: это не просто визуальный редактор, а мини-инструмент веб-разработчика. Для меня это стало ключевым — если вы хоть раз в жизни пытались объяснить клиенту разницу между тегом и стилем — BlueGriffon покажет это наглядно, почти как Live DOM в Firefox.
Характеристики программы
| Параметр | Значение |
|---|---|
| Платформа | Windows, macOS, Linux |
| Лицензия | Freemium (открытое ядро, проприетарные плагины) |
| Требования | 2 ГБ ОЗУ, 500 МБ на диске |
| Поддержка | HTML5, CSS3, XHTML |
| Интерфейс | на 10 языках, включая русский |
Достоинства и недостатки
- Отсутствие рекламы и помех в рабочей зоне — экран занят только редактором.
- Поддержка валидного кода, даже если пользователь не знает веб-стандартов.
- Реальное отображение в реальном времени — использует движок рендеринга Gecko.
- Нет автосохранения по умолчанию — пару раз терял наработки при выключении.
- Документация слабая — особенно для пользователей, не знакомых с веб-вёрсткой.
- Иногда тормозит при работе с большими файлами — заметил, когда правил целый сайт из 5 страниц.
Кому подойдёт BlueGriffon
- Преподавателям, которые объясняют HTML студентам — визуал близок к браузерному представлению, а код остаётся чистым.
- Фрилансерам, которые хотят быстро сверстать лендинг без фреймворков и не запутаться в div-ах.
- Тем, кто переходит с Nvu или старого Composer — адаптация займёт пару часов, не больше.
- Новичкам, которые учат верстку, но не хотят сидеть в редакторе без подсветки и «предпросмотра».
- Пользователям Linux, где выбор качественных HTML-редакторов всегда был ограничен.
Не стану утверждать, что BlueGriffon — это must have каждыйому. Он не для тех, кто нажимает «создать сайт» и хочет получить готовый Shopify за пять минут. Но если вы когда-либо замечали, что современные визуальные редакторы балансируют на грани тупой автоматизации и уничтожения семантики — этот инструмент вернёт баланс. Установить его проще всего: нажмите кнопку «Скачать» на этой странице и внизу этой же страницы скачайте торрент-файл. После первых 10 минут работы вы либо закроете программу навсегда, либо — как это было со мной — начнёте искать предлог, чтобы перенести сюда ещё один проект. И это при том, что bluegriffon не пытается быть «суперпростым», а, наоборот, требует чуть больше внимания. Зато в ответ даёт уважение к процессу — и редкое сегодня качество: чистый, предсказуемый код.
