Обзор Coda — все что нужно для web кодинга

Обзор Coda — все что нужно для web кодинга

Первый раз увидев Coda мы не поверили своим глазам, сочетание дизайна, возможностей и простоты приложения делает его невероятно полезным для любого веб девелопера.

8.11.11 в 19:13

Первый раз увидев Coda мы не поверили своим глазам, сочетание дизайна, возможностей и простоты приложения делает его невероятно полезным для любого веб девелопера.

Читайте также: Вышла Coda 2.

Внешний вид

Для начала стоит отметить, что приложение функционирует в одном окне, что помогает сконцентрироваться на самой работе. Coda разделена на 3 зоны: функциональное меню, файл менеджер и рабочая зона. Функциональное меню содержит 6 табов: Sites, Edit, Preview, CSS, Terminal, Books.

Sites

Sites — это место где хранится доступ к вашим сайтам. В этом месте мы можем добавить настройки FTP для доступа на хостинг, который добавится на стену в виде прилипшей странички. Добавляйте столько сайтов сколько потребуется. Сайты аккуратно размещены на стене и для продолжения работы вам просто надо выбрать нужный и мы подключимся к нему по FTP.

Вкладка Sites (быстрый доступ к вашим web проектам)

Edit

После выбора проекта открывается таб Edit, при этом автоматически подгружая с сервера файлы над которыми мы работали в прошлый раз, перед тем как закрыли Coda. Файл менеджер расположенный слева отображает файлы и папки с сервера. Мы можем легко проводить манипуляции с ними: создание файла, создание папки, удаление, переименование, смена прав доступа и т.д. Клик по нужному файлу — и бум, в рабочей зоне появляется код, можно работать. Нужен еще один файл? Клик в файл менеджере и он открывается в соседнем табе. Табы точно такие же, как открытые страницы в Safari. Комбинация Cmd + Shift + ] перейдет на следующий таб, Cmd + Shift + [ на предыдущий.

Вкладка Edit (редактор кода с вкладками)

В нижней части экрана также есть дополнительные функции, уделим внимание двум из них: Share и Clips. Share позволит вам работать над одним файлом одновременно на разных маках. Используется интерфейс Bonjour, с помощью которого можно предложить присоединится к работе людям, находящимся в одной сети и конечно же у приглашенного должна быть установлена Coda. Например, на двух маках работают два программиста (даже над одним и тем же файлом одновременно), а на третьем, у босса открыта Coda в режиме Preview и он видит все вносимые изменения прямо на лету.

Clips позволит вам экономить время на стандартных кусках кода, например на основе любой HTML странице, тегах HTML, head, body; один клик и у вас уже готово привычное расположение тегов, можно не отвлекаться на эту нудную необходимость. Если нас не устраивают предложенные варианты, то мы можем сделайть свой патерн и использовать там где нужно, с Coda это и правда просто.

Clips с готовыми кусочками кода для быстрой вставки

Preview

Preview, название этого таба говорит само за себя, не обязательно открывать файл в браузере, достаточно открыть таб Preview и страница отобразится. Быстро перемещаться между табами поможет комбинация Cmd + 1…6, цифра соответствует табу, например табу Preview соответствует комбинация Cmd + 3. Движок Preview — Webkit.

Preview отображает код в режиме браузера

CSS

Таб CSS представляет собой визуальный редактор CSS. Открываем HTML файл с CSS внутри или отдельный CSS файл и можем настраивать каждый класс и id лишь выбирая нужные параметры из панели настроек.

Books

Мы добрались до последнего таба Books, весьма нетипично для приложения такого типа иметь «библиотеку», тем не мение в случае необходимости можно заглянуть в справочный материал. Всего не упомнишь, так что вспомогательные ресурсы не будет лишними. Изначально в Coda присутствует 4 книги-справочника по темам: HTML, CSS, JavaScript, PHP. Все четыре на английском языке. Разработчики не обладающими достаточными языковыми знаниями для использования иностранной справочной литературы, могут не огорчаться, так как есть возможность добавить свои справочные ресурсы.

Чтобы добавить свой источник нужно проделать следующие шаги: после нажатия кнопки «+» в левой нижней части рабочей зоны, нужно будет заполнить форму: название источника, сайт источника, выбираем главную направленность источника, а дальше самое интересное, на сайте источника должен быть поиск, с помощью которого можно будет искать информацию по теме, нужно взять из браузер url с поисковым запросом в нем как показано в Coda и заменить искомое слово символом «*», и нажать кнопку добавить. Все готово.

Добавляем русский источник

Теперь когда вы пишете код и забыли параметр у какого либо тега или функции, все что вам нужно сделать это нажать Cmd + двойной клик по искомому слову, Coda откроет добавленный вами сайт и сама вставит в поисковой запрос искомое слово. Для примера мы добавили сайт htmlbook.ru, вся информация под рукой.

Еще одна приятная функция находится в правом верхнем углу рабочей зоны, при нажатии на кнопку Split the current document, рабочая зона разделяется на 2 независимых окна, можно например открыть таб Edit и Preview одновременно. И видеть мгновенно вносимые изменения в код.

Не лишним будет добавить, что команда разработчиков была награждена Apple Design Award, поэтому если вы занимаетесь вебом, вы точно должны обратить внимание на это замечательное приложение, оно стоит своих денег.

Скачать Coda 2 для OS X.
Стоимость: 2499 руб.

Вернитесь обратно по стрелке

Как с помощью приложения для iPhone не потерять свою машину

Чудесный компас-навигатор работает без включенного интернета, работает за городом

14.12.12 в 18:25

Бывали ли вы в ситуации, когда находясь в незнакомом районе города или большой парковке вы вдруг обнаруживаете, что забыли, где оставили свою машину? В выходные возле крупного ТЦ довольно тяжело найти место возле входа. Незнакомый район также представляет проблему. Отсутствие знакомых ориентиров усложняет поиск любимого авто.

Больше не нужно тратить время на поиски машины. С помощью специального приложения для iPhone вы сможете найти ее даже на самой большой и занятой парковке!

Как это работает? Выходя из машины, сохраните местоположение в приложении с помощью одного нажатия.

Решили вернуться назад? Запустите приложение, нажмите на кнопку парковки и оно отобразит стрелку и расстояние до автомобиля, все просто! По сути это компас, но указывает он не на север (как обычный компас), а на то место, до которого вам нужно дойти.

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

Отзывы уже использующих приложение

Отличная идея ★★★★★
от Probka
Превосходно работает ! Идея просто супер !
Пользуюсь и всегда нахожу машину , друзей , свои любимые места ! + можно их пересылать ) всем советую 😉
Полезная программа ★★★★★
от kvirus
Можно поставить метку о припаркованном автомобиле и просто якоря.
Есть список якорей! Сделано просто и понятно , на русском языке !
Восторг! ★★★★★
от Александр Расников
Я в восторге от приложения!) Эталон простоты и функциональности!
Очень удобно ставить "якоря" и потом ориентироваться. Для похода в лес классная вещь. И функция парковки авто кстати. Раньше было отдельным приложением, теперь все в одном!

Сейчас читают

Популярное