coda-logoCoda 2 — это полностью обновленная версия Coda 1, но построенная по тому же принципу. После запуска приложения перед пользователем открывается рабочая область. На главном экране отображаются все проекты. Вы можете создавать группы из своих проектов, достаточно лишь перетянуть один проект на другой.

Чтобы добавить новый проект, нажмите + в левом нижнем углу. В появившееся окошко вводятся данные для подключения к серверу.

IMG_4860

 

 

 

 

 

 

 

 

 

 

 

 

 

Теперь можете выбрать появившийся проект и начать с ним работать. После открытия проекта вы увидите список файлов на вашем сервере. Выберите нужный файл для работы или создайте новый. Coda 2 поддерживает множество актуальных языков, сред и платформ, в том числе HTML, CSS, PHP, JavaScript, ASP.NET, XML, SQL и так далее.

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

mzl.ilntalod.800x500-75

Работа с кодом очень удобная. Coda 2, как и большинство редакторов, поддерживает подсветку кода. Полезнейшим свойством программы является то, что она знает все контейнеры, большинство функций, параметров и прекрасно понимает синтаксис.

3

Например, Вы начинаете вводить «HT», а программа сразу предлагает вам полный вариант «HTML». Также программа автоматически закрывает контейнеры, кавычки, скобки и тд. В CSS реализована удобная палитра цветов. Вы выбираете на палитре цвет, и программа сразу же ставит его кодовое обозначение. Если же у вас имеется iPad, то Вы сможете просмотреть свою работу на планшете. Для этого поставьте на него Diet Coda, а в Coda 2 нажмите «AirPreview».

1

Как и любое комплексное профессиональное ПО, Coda 2 — штука не из дешёвых, но она стоит своих денег, и любому серьёзному разработчику стоит обратить на неё внимание.

Продукт позиционируется, как универсальный инструментарий для управления всеми аспектами веб-приложений. В частности, среда Coda 2 включает в себя редактор кода, терминал, а также средства для управления стилями CSS и файлами на веб-сайтах.

Новые возможности:
Better User Interface

  • Visual Tabs. Find files quickly, and see more tabs at once.
  • Customizable Sidebar. Put your favorite, powerful Coda tools in the sidebar dock.
  • Streamlined Workflow. You’ll always know what you’re looking at.
  • Code Focus. Hide the sidebar, or go full-screen, and get work done.

Better Text Editing

  • Code Folding. Finally.
  • Smart Complete. Autocomplete your custom variables + functions.
  • Automatic Indentation
  • Smarter Automatic Closing Tags
  • Tab Key Text-Shifting
  • One-Press Character Wrapping

Better File Management

  • Git. In addition to SVN, now you can manage source with GIT.
  • Complete File Management. FTP, SFTP, WebDAV, and S3, with a Transmit interface.
  • Transmit Twin-Turbo Engine. Some of the fastest file transfer in the industry.
  • Path Bar Browsing. Click a path bar segment for an instant file list.
  • Open Quickly. Pop it open, type a few characters, and find what you’re looking for.
  • Group Folders Above Files. A very popular request.

Better Clips

  • Multiple Placeholders. Quickly tab between the bits that need input.
  • Dynamic Placeholders. Automatically fill in dates, URL’s, text selections, and more.
  • Insertion Points. Put the cursor at the right place, every time.
  • Import/Export.

Better Sites

  • Groups. Drag related sites into a site board.
  • List View. See even more sites at a glance.
  • iCloud Sites + Clips Sync. Even with Diet Coda on your iPad.

Better Design

  • Revolutionary CSS Pops. GUI pop-ups help with the hardest CSS as you code.
  • Live Changes. See your CSS changes affect your page real-time.
  • iPad / iPhone Preview. Shrink down your preview to just the right size.

Better MySQL

  • Built-In MySQL Editor. Without leaving Coda, administer your site’s database with ease.
  • Edit Structure or Content
  • Run Arbitrary Queries

Better Everything

  • Improved Live Hints. As you type HTML, JS, or PHP, quick reference can appear in the sidebar.
  • CSS Styles in Code Navigator
  • Code Navigator Filtering and Sorting
  • All-New Books
  • Places
  • Better Ruby Support
  • Skip Files Rules
  • Improved HTML and CSS Validation
  • Easier Theme Editing
  • Full-Screen Mode
  • Labels
  • Quick Look
  • Plugin API Improvements
  • Much, Much More

Что нового

Version 2.5.15:
Features

  • Added ECMAScript 6 highlighting and autocomplete support
  • Added indexing support for ECMAScript 6 module-based functions
  • Added highlighting to standard javascript global and object methods
  • Added ECDSA host key support

Bug Fixes

  • Fixed possible issue with Skip rules when indexing a site
  • Fixed possible crash when using an SSH config file
  • Items in expanded folders are now always visible in List view when the list is very wide
  • Git now refreshes even if site indexing is disabled
  • Hide Rules now prevent files and folders from being indexed
  • Skip Rules now prevent files from showing in the Publishing queue
  • Improved Perl syntax highlighting
  • Ruby ‘def’ blocks now always fold as expected
  • Non-javascript script tags now fold as expected
  • Improved performance of Find in Files
  • Improved stability on OS X 10.11 when editing CSS files

notepad++Notepad++ – текстовый редактор, который приняли «на вооружение» не только программисты, вэбмастера, модификаторы, но и обычные пользователи, так или иначе связанные с редактированием. Программа распространяется свободно, имеет открытый исходный код, потребляет минимум ресурсов, быстро загружается. Утилита позиционируется, прежде всего, как редактор исходных кодов. Вместе с этим, Notepad++ довольно часто используется для открытия различных текстовых файлов.

Документы открываются программой в так называемых табах – отдельных вкладках. При работе пользователь может перемещаться между ними, активируя необходимый документ, внося в него изменения, и сохраняя его нажатием клавиши мыши. Помимо этого, при закрытии и следующем запуске приложения, табы, над которыми совершались действия, сохраняются.

Рабочее окно утилиты можно разделить на две части. В такой способ удобно сравнивать несколько вариаций одного и того же документа. Для определения отличий в Notepad++ встроен плагин Compare.

С помощью Notepad++ можно открыть следующие форматы файлов:

Текстовые ini, log, txt, text
C++ language Files h, hpp, hxx, c, cpp, cxx, cc, m
Java & Pascal java, class, cs, pas, inc
Web Scripts html, htm, php, phtml, js, asp, aspx, css, xml
Public Scripts sh, bsh, nsi, nsh, lua, pl, pm, py
Property Scripts rc, as, mx, vb, vbs
Fortran, Tex, SQL f, for, f95, f2k, tex, sql
Остальное mak, nfo, cmd, bat, reg

Программа способна выполнять функции файлового менеджера, поэтому доступен просмотр файлов, размещенных на компьютере и открытие их в установленных браузерах.

Кроме всего вышеперечисленного, стоит отметить следующие особенности Notepad++:

– сворачивание блоков и подсветка текста, в зависимости от синтаксиса языка программирования;

– функция WYSIWYG – вывод на печать того, что находится на экране в окне редактирования;

– автозавершение набираемого слова;

– поддержка Поиска/Замены регулярных выражений – пользователь может менять определенные строки в документе, используя определенные выражения;

– перемещение фрагментов текста или отдельного слова на новое место;

– масштабирование – уменьшение и увеличение содержимого документа;

– динамическое видоизменение окон просмотра;

– поддержка огромного числа языков;

– автоопределение состояния файла – при изменении или удалении файла, редактируемого в Notepad++, иной утилитой, пользователь получает программное сообщение;

– расстановка заметок по тексту документа;

– запись макросов и их выполнение.

Главная же особенность Notepad++ – поддержка плагинов, которые способствуют расширению базового функционала редактора. В программу интегрируются дополнительные плагины, позволяющие настроить проверку орфографии, автоматическое сохранение документов, симметричное и асимметричное шифрование текста, HEX-редактор, FTP-менеджер.

logo_geanyGeany – это очень хороший текстовый редактор с очень большими возможностями. Geany может выступает как среда разработки для программистов и вебмастеров, позволяя удобно работать с программным кодом.

Для некоторых Geany может потеснить все ранее используемые текстовые редакторы, так как представляет из себя очень хорошее и компактное решение, которое справится практически с любой поставленной перед ним задачей.

Сильные стороны Geany:

 Текстовый редактор Geany обладает большой производительность, быстро открывая большие текстовые файлы.
  • В Geany реализован “вкладочный” интерфейс, которые облегчает одновременную работу с несколькими файлами.
  • Реализована подсветка синтаксиса, которая непременно будет полезна разного рода программистам и вебмастерам.
  • В Geany отсутствуют проблемы с определением кодировки.
  • Программа обладает удобным “классификатором”. К примеру, открывая CSS-файл, Geany сканирует его содержимое и в левой колонке отображает все используемые классы и идентификаторы. Этим самым очень сильно облегчая поиск и передвижение по CSS-файлу, делая работу вебмастера проще.
  • Можно сворачивать часть кода, что позволяет облегчить работу и визуально разгрузить большой файл с программным кодом.
  • Реализована возможность подсвечивать текущую строку, отображать нумерацию строк, а также возможность добавлять отступы.
  • Есть наглядный инструмент выбора цвета.
  • Легко настраиваемый внешний вид интерфейса редактора.
  • Базовый функционал программы можно расширить большим количеством модулей, которые можно найти на официальном сайте.
  • Geany можно установить во всех популярных ОС: Linux, Windows, MacOS.
  • Реализована удобная возможность автозавершения html-тегов, закрытия открытых скобок и т.д.
  • В Geany есть встроенный эмулятор терминала и реализован простой менеджер проектов.

Слабые стороны Geany:

  • В Geany нет встроенного компилятора, но есть возможность использовать любую другую стороннюю разработку.

ZEDLogoZed — это довольно хипстерский текстовый редактор, который также пытается переосмыслить современный процесс разработки ПО. Если Light Table пытается изменить сам принцип разработки, то Zed в основном ограничивается экспериментами с интерфейсом. Разработка была начата в 2011 году, и на сегодняшний день на официальном сайте Zed доступен в виде бинарников под основные платформы, а также в качестве приложения для Chrome Web Store.

Первое, что бросается в глаза при знакомстве с Zed, — отсутствие привычных элементов интерфейса вроде дерева проекта или вкладок. Достаточно спорный шаг, весь зачастую при разработке значительно легче ориентироваться в структуре проекта именно по дереву. Но вот в отсутствии табов некое рациональное зерно есть: обычно при работе с большими проектами количество открытых вкладок разрастается экспоненциально, и уже через полчаса работы приходится постоянно ходить по ним, закрывая то, с чем ты не работаешь в данный момент. В Zed же навигация по проекту осуществляется или с помощью прыжка напрямую к нужному файлу в проекте по его названию (Ctr/Cmd + E) через небольшую консоль в верхней части приложения.

Второй запоминающейся особенностью Zed является упор на многоколоночный интерфейс. Редактор поддерживает несколько фиксированных вариантов сплита рабочего пространства — 50/50%, 25/75% и так далее. Стоит отметить, что вторая (или даже третья) колонка предназначена не только для одновременного редактирования нескольких файлов, но также и для моментального предпросмотра кода на языках, требующих пропроцессинга (таких как Markdown или CoffeeScript).

При работе с Zed очень чувствуется его ориентированность на удаленное редактирование. Так, из коробки он имеет шикарную поддержку редактирования файлов из Dropbox или напрямую на удаленном сервере и поддерживает сессии. Но вот именно как редактор Zed весьма беден. Его встроенное автодополнение базируется на словаре, он не имеет удобных средств работы с расширениями, не позволяет настроить UI так, как хотелось бы. Хотя, наверное, Zed просто не об этом.

Кстати, нельзя не отметить, что Zed весьма задумчив. Временами приложение достаточно надолго застывает и теряет всякую отзывчивость, что, конечно, не добавляет удобства к и так довольно необычному экспириенсу.

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

logoBrackets — достаточно молодой (разработка ведется с 2011 года), но интересный проект от Adobe. Его цель незамысловата — создать минималистичную и комфортную среду разработки, которая бы требовала минимум усилий со стороны девелопера. На моей памяти было уже немалое количество проектов со схожими целями. Давай посмотрим, получилось ли у Adobe с помощью комьюнити сделать что-то интересное и на этом поприще.

На удивление, Brackets получился весьма неплохим. Все необходимое работает из коробки (после Lime даже это становится в некотором смысле плюсом). Проект действительно решает свою главную задачу — облегчает написание кода, хотя и делает это практически без каких-либо принципиально новых подходов. И кстати, в этом нет ничего плохого.

Brackets написан на HTML/JS (спасибо, что не Flash или Adobe AIR :)), тесно интегрирован с Node.js. Внешне из коробки производит весьма благоприятное впечатление (правда, не без налета некоторой игрушечности). Что меня подкупило с нажатия первой клавиши — так это потрясающий автокомплит для HTML/CSS/JS/jQuery. Он действительно умный и к тому же содержит множество приятных мелочей (например, встроенный color-picker или тулзу для гуишного подбора transition’ов в CSS).

Но главной киллер-фичей для меня стало inline-редактирование связанных участков кода. Это возможность посмотреть и отредактировать, скажем, набор CSS-свойства по его классу или ID-шнику прямо из HTML-файла верстки в отдельной области. Brackets в реальном времени анализирует структуру твоего проекта, строит дерево зависимостей и позволяет писать взаимозависимые участки кода, практически не покидая основного контекста файла. Признаюсь, именно такой функционал я пилил пару лет назад в своем простеньком текстовом редакторе (уверен, не я один). Так что подобная фишка не может не радовать.Из остальных особенностей можно выделить быстрый доступ к документации (правда, не настолько детализированный, как у Light Table), JSLint из коробки и симпатичный менеджер плагинов. Хотя, конечно, таким обилием пакетов, как у Sublime, Brackets пока похвастаться не сможет.

В целом, несмотря на поддержку в некоторой степени, например, Ruby или Python, Brackets ориентирован в первую очередь на фронтенд разработчиков. Он отлично справится с нуждами верстальщиков, в чем-то оставляя позади даже специализированные IDE. Ничего революционно нового, кроме inline-редактирования кода, ты в нем не найдешь. Однако то, что есть, сделано на совесть и с душой. Если ты преимущественно верстаешь или пишешь клиентский код на не слишком замороченном стеке, вполне возможно, Brackets придется тебе по душе.

281076-lime-wire-logo

Весь Lime можно описать одной-единственной, но известной фразой Бобука — блеск и нищета опенсорса. Проект, начатый  Фредриком «quarnster» Энбомом (Fredrik Ehnbom), решает одну-единственную, но понятную задачу: создать опенсорный конструктор по образу и подобию Sublime Text. Причина такого желания понятна — автор, горячий поклонник Sublime, был недоволен вялым развитием проекта и отсутствием банального исправления багов прошлых версий. Идея оказалась близка нескольким десятками единомышленников, и вскоре свет увидела первая версия Lime.

Первое, что отталкивает при знакомстве с этим редактором, — отсутствие хоть какого-нибудь подобия бинарных пакетов. В целом логика такого решения понятна: Lime — это и не цельное приложение, а набор из отдельного бэкенда на языке Go и пары фронтендов на выбор. Однако легче от этого не становится — попытка с наскока заставить Lime элементарно работать превращается в увлекательную возню с зависимостями Go, конфигами и прочими радостями жизни.

Что касается работы в этом редакторе, на данный момент она откровенно неудобна, и написать здесь о чем-то уникальном, по сути, нечего. Lime пока не может похвастаться даже теми функциями, которые в других текстовых редакторах воспринимаются как должное. Создается впечатление, что разработчики пока уделяют куда больше внимания архитектуре приложения и чистоте кода, чем функционалу. До некоторой степени ситуацию спасает частичная совместимость с API Sublime (ну и некоторых частей TextMate, соответственно), но, несмотря на это, с юзабилити у Lime остаются большие проблемы.


lime

В целом на сегодняшний день Lime оставляет двоякое впечатление. Наверное, это здорово, когда твой рабочий инструмент полностью опенсорный и настолько гибкий. Но давай будем честны с собой: скольким из нас когда-либо придет в голову переписать фронтенд своего текстового редактора? Скольким из нас вообще придет в голову заниматься разработкой текстового редактора под себя из-за каких-то неудобств вместо того, чтобы использовать этот инструмент по прямому назначению — а именно писать в нем свои программы? Большинству разработчиков (особенно тем, кто не болен Столлманом головного мозга) за глаза хватит функционала Sublime Text и его системы плагинов для решения повседневных задач. Да и, если честно, за несколько лет ежедневной работы в Sublime я не встречал каких-то сверхкритичных багов, для которых бы не смог найти своего workaround’а. Так что на данном этапе по-настоящему Lime подойдет лишь упертым фанатам опенсорса с огромным количеством свободного времени и желанием сделать этот мир чуточку лучше.

.jpgРазработка Light Table началась в 2011 году, когда американский программист Крис Грейнджер решил, что процесс работы с кодом в современных текстовых редакторах недостаточно хорошо вписывается в современный workflow. Если кратко, задача Light Table — сделать процесс разработки по-настоящему интерактивным и наглядным, давая разработчику моментальный фидбек на любое действие, тем самым помогая быстрее ориентироваться в большом коде. Именно с такой идеей Крис подался на Kickstarter и достаточно быстро собрал на разработку проекта 316 720 долларов при заявленной цели в 200 тысяч. Чем же конкретно идеи Криса так приглянулись бейкерам?

Одной из самых крутых особенностей Light Table является возможность работать с документацией по ходу написания кода. Чтобы увидеть описание функции, достаточно просто навести на нее курсор. Редактор моментально найдет и выведет документацию по запрошенной функции или параметру (в случае с build-in методами) или покажет prepend-описание функции, оставленное прямо в коде. Чем-то это напоминает автокомплит, который используется в среде разработки Visual Studio от Microsoft, но значительно более глубокий и мощный.

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

Третья фишка Light Table — уникальная возможность организации кода в так называемые таблицы. Они представляют собой логически завершенные блоки кода, через которые можно наглядно представить взаимодействие отдельных функций программы. С помощью этой фичи очень удобно разделить файл на несколько независимых блоков-функций и работать с ними, соорудив некое подобие настоящего дашборда из кода. Также приятной особенностью является интеллектуальная подсветка блоков — в этом случае шансы запутаться в и без того наглядном workflow стремятся к нулю.

Несмотря на довольно непривычную философию, Light Table — это, несомненно, редактор нового поколения. Его фишка не в том, что он написан на модных технологиях, а в изменении самого подхода к процессу разработки сложного ПО. Наверное, при работе с простенькими JS-скриптами реальная мощь Light Table не почувствуется, но для проектов чуть посложнее он станет незаменимым инструментом. Нужно только привыкнуть. Но вот это как раз-таки будет непросто.

atomГлавная особенность Atom — богатые возможности по настройке. Редактор можно настроить на свой вкус. Изначально в него встроены файл-менеджер, продвинутые функции поиска и замены, разнообразные курсоры, опции сворачивания кода, ясный интерфейс, возможность импорта правил и тем из TextMate.

Десктопное приложение Atom имеет полный доступ к файловой системе, нативные для операционной системы меню и панель команд. При этом оно идеально приспособлено для веб-программирования: можно добавлять собственные функции для редактирования CSS, HTML и JavaScript.

Нужно отметить также интеграцию с Node.js, включая запуск веб-сервера прямо из редактора. Любая из 50 тыс. библиотек для Node.js вызывается из редактора, доступно и обращение к C и C++.

Atom включает в себя более 50 open-source пакетов, которые работают поверх минимального ядра. Максимально расширяемую систему создавали с мыслью о том, чтобы «стереть границу между разработчиком и пользователем», как сказано на официальном сайте. Это значит, что архитектура проста и понятна для каждого: можно заменить какой-нибудь пакет своим собственным — и закачать его в центральный репозиторий, чтобы им воспользовался любой желающий.

f6Sublime Text 2 представляет собой текстовый редактор, предназначенный в основном для редактирования фрагментов кода, плагинов и разметки, но он также поставляется со всем необходимым, чтобы писать статьи или прозу.

Каким способом вы бы его не использовали, Sublime Text 2 отличается качеством и количеством своих функций, среди которых можно найти некоторые интересные, такие как множественный выбор, множество курсоров, а также отдельное редактирование. Эти особенности и многое другое делают редактирование кода гораздо быстрее и проще.

Еще одной интересной функцией является встроенная поддержка различных языков, таких как Clojure, Perl, JavaScript, Haskell, Erlango и Escala. Кроме того, вы можете создавать и сохранять макросы в любое время, чтобы сделать работу проще с массой включенных опций.

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

Sublime Text 2 – это очень мощный инструмент для редактирования текста, который заставит влюбиться в него тех, кто работает с этими типами программ.