Лайфхакер
Лайфхакер
Лучшее
Новости
Жизнь
Рецепты
Здоровье
Кино
Технологии
Покупки
Лучшее
Новости
Жизнь
Рецепты
Здоровье
Кино
Технологии
Покупки
Реши за меня
Добрые новости
Стыдные вопросы
Есть мнение
Норм или стрём
Личный опыт
Объясняем за минуту
Сервисы
МакрадарТехнологии
4 декабря 2007

Coda — инструмент веб-разработчика

Фото автора Vladimir Yashnikov
Vladimir Yashnikov

Coda — инструмент веб-разработчика
Coda logo

Веб-разработчику, как правило, приходится иметь дело с несколькими рабочими инструментами — с HTML-редактором, CSS-редактором, FTP-клиентом, терминалом. Полезными будут и руководства в

⭐ Отметьте Лайфхакер галочкой в избранных источниках Google: так вы чаще будете видеть проверенные статьи и поддержите нас.

электронном

виде (поскольку эта версия позволяет осуществлять поиск). И выбор очень прост — либо искать лучшую программу в своей области, а затем устанавливать кучу утилит, либо постараться найти одно многофункциональное приложение. Примером второго варианта является программа Coda .

Попытки создать инструмент веб-разработки “всё в одном” часто оканчивались безуспешными, поскольку в итоге получался монстр с запутанным интерфейсом и медленным запуском. Программистам из Panic этого удалось избежать и потому Coda прекрасна.

Coda

HTML-редактор у Coda очень неплох. Помимо подсветки синтаксиса (HTML, CSS, Javascript, Java, Perl, PHP, Python, Ruby, SQL, XML) и поддержки кириллических кодировок (последнего лишен Textmate по идейным соображениям) мне понравилась возможность работы с несколькими документами одновременно (они открываются в отдельных вкладках). Интересной выглядит идея вставки фрагментов текста/кода с использованием триггеров. Работает эта фича следующим образом: вы заранее определяете какой-то кусок кода (или текста), который требуется регулярно вставлять (lorem ipsum, доктайп и т.д. и т.п.), затем набираете триггер (например, text TAB) и фрагмент вставляется. Это исключительно полезная фича.

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

Coda Validator

CSS-редактор также хорош. Пользователь добавляет новые элементы, классы, указывает свойства. Правда в основном, как мне показалось, CSS-редактор создавался с оглядкой на новичков. Им действительно будет удобно работать с ним. Единственное, что не понравилось — нельзя просматривать только внесенные изменения.

Coda

FTP-клиент может подхватить настройки (логины/пароли) из Transmit, если он был ранее установлен. Вместо привычного меню со списком FTP-серверов здесь пользователь увидит эскизы сайтов. Выглядит симпатично:

Coda Sites

Как я уже сказал ранее, Coda поставляется с набором электронных книг. Это справочники по HTML, CSS, JavaScript и PHP. Прямо из программы вы можете осуществлять поиск по содержанию книг. Но что еще более понравилось — возможность искать из HTML-редактора. Скажем, выделяете какой-нибудь фрагмент кода, нажимаете ⌘+’ и программа ищет код уже в справочниках.

Несмотря на большое количество возможностей, Coda имеет изумительный интерфейс. Фактически вы получаете однооконную среду для веб-разработки. Многие верстальщики отмечают как основное удобство работы с программой — возможность перехода из HTML- или CSS-редактора в терминал и обратно.

В общем, мне очень понравилась Coda. Также обзор этой программы вы можете прочитать в блоге Александра Тимофеева. Возможно его мнение для вас будет более весомым, ведь Александр — опытный разработчик, в числе работ которого есть LiveInternet.Ru.

Если нашли ошибку, выделите текст и нажмите Ctrl + Enter
Это интересно
Передовые инженерные школы России

3 места в России, где учатся инженеры, о которых мечтают крупные корпорации

Самокат, СИМ и питбайк: как кататься без травм и штрафов

Самокат, СИМ и питбайк: как кататься без травм и штрафов

6 диких вещей из эпохи медленного интернета начала 2000-х, о которых вспомнят только олды

6 диких вещей из эпохи медленного интернета начала 2000-х, о которых вспомнят только олды

Реклама
7 мифов об уколах для похудения

7 мифов об уколах для похудения

Комментарии
  Интересное в блогах by Lifehacker
04.12.07 19:37
[...] (и тем, кто только планирует стать “свитчером”), рассказывает о программе Coda — идеальном инструменте [...]
Art
05.12.07 00:53
Спасибо, конечно, за информацию, но все равно как-то сложно отказаться от программ, в которых сидел годами, типа того же Дримвивера :)
Don Joe
05.12.07 12:17
Хорошая программа. Только, насколько я понимаю, там движок редактора построен на базе TextMate, только вот текстмейтовских шорткатов очень сильно не хватает. Может, я что-то пропустил?
NilColor
05.12.07 15:55
Насколько я знаю, TextMate там никак не учавствовал... Panic и сами могут... Лично мне в ней н понравилась ее "не быстрость"... Хотя машинка адекватная (MBP Pro 15" 2.33GHz Core Duo 2 / 2GB RAM) - Coda не так что-бы очень шустро работала... А вот TextMate был просто реактивен - за что и был куплен. А проблему с фтп я решил просто - svn ;) P.S. да и мне кажется, что цена у Коды великовата... Даже с учетом того, что это комбайн и книги в комплекте, одна из которых мне не нужна.
netstuff
07.12.07 23:50
Товарищи, есть 2 существенных вопроса по Коде: 1. Есть ли возможность сворачивать куски кода. Функции, классы, методы классов или просто выделенный фрагмент; 2. Я юный свитчер и не понимаю, как "табулировать" сразу несколько выделенных строк кода. Под виндой я с зажатым шифтом и стрелкой вниз выделяю необходимое количество строк, жму Tab и строки спокойно сдвигаются. Кода же их стирает... Спасибо.
NilColor
09.12.07 02:18
@netstuff по п.1 не знаю, а вот отступ обычно везде Command+] и Command+[
admin
09.12.07 16:21
netstuff — сворачивания нет
4itaz
09.12.07 21:18
а вот некорректый совсем вопрос а есть для нее то самое, заветное :) а то никак не могу найти. Простите, если и правда некорректно
NilColor
10.12.07 12:20
@4itaz а попробуй триал... если очень понравится - то стоит все же прикупить. а если нет - то и "это самое" не нужно ;)
Глеб
08.06.08 22:15
Сделал сайт на code.И в различных браузерах различные ошибки.Например в файерфокс не отображает русский язык в эксплорере размер страницы.
Panic обновили Coda — MacRadar
27.08.08 13:33
[...] Coda наш блог рассказывал неоднократно. См. например, обзор возможностей программы. — [...]
CSTD
15.05.09 15:50
Интересно - а сравнение изменений в коде там есть? DIFF
Panic устроили распродажу своих программ — MacRadar
27.05.09 23:27
[...] комплекс для веб-разработчиков Coda (наш обзор) доступен за [...]
йцук
12.07.09 04:08
фигня это всё(сужу по обзору), дримвьювер может то же самое, забесплатно, бестриалово и с красивыми лампочками
Казявка
21.02.13 05:26
Норм! Я такой пользовался. Получился норм продукт: www.sitef.org
Что вы могли пропустить
Объясняем за минуту: можно ли зарядить iPhone от iPhone
Объясняем за минуту: можно ли зарядить iPhone от iPhone
0
Вчера
Технологии
Технологии
Bigme представила двухсторонний смартфон HiBreak Dual 2 — у него два больших дисплея
Bigme представила двухсторонний смартфон HiBreak Dual 2 — у него два больших дисплея
0
11 июля
Новости
Устройства
12 игр, похожих на The Elder Scrolls V: Skyrim
12 игр, похожих на The Elder Scrolls V: Skyrim
0
11 июля
Ликбез
Технологии
Большой скандал: Apple обвинила OpenAI в краже технологий будущих продуктов
Большой скандал: Apple обвинила OpenAI в краже технологий будущих продуктов
0
11 июля
Новости
Технологии
В «2ГИС» появилась карта бензина, охватывающая почти все заправки в стране
В «2ГИС» появилась карта бензина, охватывающая почти все заправки в стране
0
11 июля
Новости
Технологии
Представлен Moodi — пульт для перелистывания страниц на смартфонах, планшетах и читалках
Представлен Moodi — пульт для перелистывания страниц на смартфонах, планшетах и читалках
0
10 июля
Новости
Устройства
Выбираем бюджетный игровой смартфон: 10 лучших моделей
Выбираем бюджетный игровой смартфон: 10 лучших моделей
0
10 июля
Ликбез
Устройства
OpenAI закрывает браузер Atlas — вместо него будет ИИ-агент для всех ChatGPT Work
OpenAI закрывает браузер Atlas — вместо него будет ИИ-агент для всех ChatGPT Work
0
10 июля
Новости
Технологии
6 гаджетов с моего рабочего стола — и на что я бы их заменила
6 гаджетов с моего рабочего стола — и на что я бы их заменила
0
9 июля
Технологии
Технологии
Как вернуть уведомления от VK, MAX и «Авито», если у вас iPhone
Как вернуть уведомления от VK, MAX и «Авито», если у вас iPhone
0
9 июля
iOS
Ликбез
Голубиная почта: вышел мессенджер Roost, в котором сообщения доставляют виртуальные птицы с реальной скоростью
Голубиная почта: вышел мессенджер Roost, в котором сообщения доставляют виртуальные птицы с реальной скоростью
0
9 июля
Новости
Технологии
В «Яндекс Go» и «Яндекс Заправках» теперь можно проверять наличие бензина на АЗС
В «Яндекс Go» и «Яндекс Заправках» теперь можно проверять наличие бензина на АЗС
0
8 июля
Новости
Технологии
Как выбрать пароочиститель для дома и не разочароваться
Как выбрать пароочиститель для дома и не разочароваться
0
8 июля
Ликбез
Устройства
Браузер DuckDuckGo научился блокировать видеорекламу на YouTube и других сайтах
Браузер DuckDuckGo научился блокировать видеорекламу на YouTube и других сайтах
0
8 июля
Браузеры
Новости
Microsoft признала ошибку в Windows 11, которая потребляет до 500 ГБ памяти
Microsoft признала ошибку в Windows 11, которая потребляет до 500 ГБ памяти
0
8 июля
Windows
Новости

Новые комментарии

Аватар автора комментария
Ирина Немшилова5 часов назад

0 / 0

Стив Ривз не был "Мистер Олимпия"
Как кино задаёт нереалистичные стандарты мужской внешности: колонка Алексея Хромова
Аватар автора комментария
Avan Soulse7 часов назад

0 / 0

То что объективизируют и сексуализируют мужчин не намного реже, чем женщин — это отличное замечание. Феминистски почему-то пренебрегают сим фактом, акцентируя проблему именно на женщинах. Но с другой стороны кажется, новое поколение девушек уже не особо восхищается маскулинными парнями типа Генри Кавилла. Их как раз больше обольщают женоподобные худые мальчики, вроде Тимоти Шаламе. О чём ещё на ЛХ была статейка в позапрошлом году про «парней-лапша». https://lifehacker.ru/parni-lapsha-novyi-trend/
Как кино задаёт нереалистичные стандарты мужской внешности: колонка Алексея Хромова
Аватар автора комментария
Андрей Базаров7 часов назад

0 / 0

Ну какая же база, очень точно, особенно про dad bod
Как кино задаёт нереалистичные стандарты мужской внешности: колонка Алексея Хромова
Аватар автора комментария
Тамара Денисовна10 часов назад

0 / 0

Мне сын установил впн, теперь работает и телеграм и ютуб. И даже когда белые списки работают, ни у кого интернета нет, а у меня есть. ВПН обходит глушилки и белые списки. Делюсь с вами @superlyx (набирайте в телеграме) http://t.me/superlyx
«Белый список» сайтов и приложений в России: что в него входит и как пользоваться
ТЕСТ: Какой вы путешественник? 

ТЕСТ: Какой вы путешественник? 

Лайфхакер
Информация
О проектеРубрикиРекламаРедакцияВакансииО компании
Подписка
TelegramВКонтактеTwitter (X)PinterestYouTubeИнициалRSS
Правила
Пользовательское соглашениеПолитика обработки персональных данныхПравила применения рекомендательных технологийПравила сообществаСогласие на обработку персональных данныхСогласие для рекламных рассылокСогласие для информационной программы
18+Копирование материалов запрещено.
Издание может получать комиссию от покупки товаров, представленных в публикациях