Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Редактор кода с подсветкой синтаксиса популярных языков — Touchqode

Разработка под Android *
У меня, как у web-программиста, иногда возникает острая необходимость внести какие-то изменения в код сайта, когда под рукой нет компьютера/ноутбука. Сейчас на Android написано несколько хороших FTP и SSH клиентов, которые позволяют без проблем работать с удалённым сервером до того момента, пока не требуется редактирование кода. С существующими текстовыми редакторами это ужасно неблагодарное занятие, учитывая что никакого намёка на ориентированность на программистов у этих программ нет. Но на днях я узнал про Touchqode, который успел меня уже один раз выручить.


Читать дальше →
Всего голосов 67: ↑56 и ↓11 +45
Просмотры 21K
Комментарии 40

Бесплатный инструментарий для редактирования сайта

Блог компании PHPShop Software
Обновилась линейка специализированного ПО для веб-программистов, работающих с PHPShop – визуальный редактор шаблонов Editor и интегрированная среда разработки IDE. Во все приложения добавлена функция автоматической чистки кода с проставлением отступов и возможность создавать закладки в коде для более удобной навигации по файлу. Добавилась новая панель для копирования, поиска, выравнивания кода.
Читать дальше →
Всего голосов 7: ↑1 и ↓6 -5
Просмотры 3.9K
Комментарии 1

Обзор html, css, js редакторов под Windows

Софт
image

Сравнительно недавно встал вопрос замены громоздкого и дорогого Adobe Dreamweaver на что нибудь более легковесное и не столь дорогое. Возможные варианты под катом.
Читать дальше →
Всего голосов 19: ↑8 и ↓11 -3
Просмотры 24K
Комментарии 32

В Firefox 6 интегрируют расширение Workspace для предпросмотра скриптов

JavaScript *
После четвёртой версии Firefox перешёл на новый ускоренный цикл релизов, так что новые версии браузера теперь будут выходить гораздо быстрее, чем раньше. Пятый Firefox уже дошёл до стадии беты, а в мае появилась альфа-версия Firefox 6 на движке Gecko 6.0. Финальный релиз ожидается в III кв. 2011 года, уже составлен предварительный список нововведений, которые важны для веб-разработчиков.



Интересным в Firefox 6 будет новая функция Scratchpad для удобного тестирования фрагментов Javascript прямо в браузере (расширение Workspace).
Читать дальше →
Всего голосов 12: ↑9 и ↓3 +6
Просмотры 547
Комментарии 5

Новый простой редактор JavaScript в Firefox

IT-компании
Перевод

Представляем Scratchpad


В только что вышедший Firefox 6 входит новый инструмент для веб-разработчиков: простой редактор JavaScript (прим. переводчика — по-английски он называется Scratchpad («блокнот»). Буду его так и называть, чтобы не писать каждый раз «простой редактор JavaScript».) Идея проста: браузер это отличное место для экспериментов с JavaScript. Большинство JS-разработчиков уже знают об этом и используют такие инструменты, как веб-консоль и командную строку Firebug, чтобы использовать преимущества единственной среды, которая точно знает, как выглядит веб-страница.

Веб-консоль оптимизирована для ввода одной строки кода за раз (подсказка: с помощью Shift+Enter можно ввести несколько строк). В Firebug есть кнопка, включающая многострочный режим ввода, но всё равно работа основана на поочерёдном и линейном выполнении кусков кода.
А в Scratchpad...
Всего голосов 27: ↑25 и ↓2 +23
Просмотры 6.5K
Комментарии 16

IDE нового типа или Open-source проект Light Table

Разработка веб-сайтов *Open source *Программирование *

Сегодня пришла рассылка с Kickstarter «Projects We Love». Я решил посмотреть, что нового появилось и меня сразу привлек ярлычок Open-source. Я перешел по ссылке почитать, что такого интересного и нового предлагает автор проекта и мне понравилось. Решил поделиться с хабром.

Light Table


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

Уже давно в воздухе витают идеи, что мы можем сделать IDE лучше и удобнее. Какие же это идеи?
  • Вы не должны нигде искать документацию и тратить на это время
  • Файловая структура — не лучшее представление для кода
  • Редактирование должно быть доступно где угодно и редактор должен показывать не только код
  • При любом изменении мы должны видеть результат мгновенно
  • Мы должны видеть больше информации о связанных кусках кода

Давайте посмотрим как эти идеи воплощает Light Table.
Читать дальше →
Всего голосов 98: ↑82 и ↓16 +66
Просмотры 20K
Комментарии 74

Используем DropBox для хранения настроек, тем и плагинов Sublime text 2

Программирование *
Из песочницы
Недавно прочитал топик о выходе финальной версии Sublime text 2. Решив посмотреть на его возможности, я буквально влюбился в этот текстовый редактор. Он моментально получил статус моего основного инструмента разработки.

Работаю я на двух компьютерах и у меня возник вопрос: «Как синхронизировать настройки, плагины и темы редактора на всех рабочих машинах?».
Читать дальше →
Всего голосов 34: ↑21 и ↓13 +8
Просмотры 16K
Комментарии 20

Упрощаем себе жизнь с помощью Sublime Text 2

Разработка веб-сайтов *Программирование *
Из песочницы
image
Недавно открыв для себя Sublime Text 2, я удивился тому, как можно было придумать настолько эффективный инструмент. Тот кто избалован всяческими IDE, обычно не видит никаких достоинств, кроме красивой подсветки кода (хотя именно это меня изначально и привлекло).

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

Читать дальше →
Всего голосов 100: ↑76 и ↓24 +52
Просмотры 51K
Комментарии 189

Среда веб-разработки на Android

Разработка веб-сайтов *
Из песочницы

Прелюдия


Здравствуйте, уважаемые хабраюзеры.

На написание данной статьи меня сподвиг пост хабровчанина ilichmeДесктоп – давай, до свидания!. Поэтому, сегодня более детально поговорим о том есть ли жизнь на Марсе насколько возможно и удобно писать код на устройстве с Android на борту. Сразу оговорюсь — обсуждать буду только планшеты, так как о прелестях кодирования на смартфоне и так все ясно. Хоть и речь не о написании кода, а об организации рабочего пространства, которое будет максимально удобным для разработки в условиях, где нет любимых IDE и т.д.

Читать дальше →
Всего голосов 30: ↑25 и ↓5 +20
Просмотры 102K
Комментарии 29

Готовим Sublime Text 2 для front-end

Разработка веб-сайтов *Программирование *
Ни для одного опытного программиста или верстальщика не секрет, что настроенная под себя среда разработки (не в смысле IDE, а в более общем) — жизненная необходимость. Было время, когда я делал очередную верстку в практически голом Notepad++ на единственном мониторе, поочередно открывая Photoshop, браузер и редактор. Сегодня, в эпоху «автоматизации всего», мне сложно представить, как вообще можно было так работать.

Sublime Text 2 — популярный расширяемый кроссплатформенный текстовый редактор, для которого написано множество плагинов если и не на все случаи жизни, то на многие. В этом посте я попытаюсь рассказать как из этого конструктора сложить удобный инструмент front-end разработчика для работы с HTML, CSS и JavaScript.
Читать дальше →
Всего голосов 107: ↑95 и ↓12 +83
Просмотры 267K
Комментарии 134

Sublime Text 2 для C/C++ разработчика или SublimeClang

Программирование *C++ *
Из песочницы
На хабре много статей посвященных редактору Sublime Text 2. Обычно они рождают за собой множество комментариев, где сторонники ST2 и всевозможных других редакторов (а также полноценных IDE) предаются веселому процессу «достоинствометрии».
Однако, среди комментариев мне лично ни разу не встречалось упоминаний о плагине SublimeClang, который кардинально меняет работу C++ программиста в этом редакторе. Поиск по хабру выдал всего 4 упоминания плагина в комментариях.
Не знаю, чем вызвано такое игнорирование. Хорошие вещи не обсуждаются? ST2 не используют C и С++ разработчики? Своей статьей я хочу исправить ситуацию. Я расскажу о некоторых, возможно не очевидных, особенностях установки и настройки, а также поделюсь парой собственных приемов и скриптов.

О плагине


Итак, плагин обеспечивает автодополнение кода и проверку ошибок прямо по ходу написания программы. Для файлов C/C++/ObjC/ObjC++ плагин заменяет стандартное автодополнение редактора на свое собственное. Для этого, плагин в фоне прогоняет исходник через компилятор clang, который формирует AST. Полученную информацию плагин использует для интеллектуальных подсказок автодополнения.
Ближайший аналог, который я могу подобрать — это функция IntelliSense в MS Visual Studio.
Использование информации из первых рук — от компилятора — позволяет плагину правильно узнавать, какие переменные, функции, типы и т.п. доступны в данной конкретной точки программы. Так же, в какой-то мере работают Go to definition (alt + d, alt + d) и Go to implementation (alt + d, alt + i). Список остальных горячих клавиш доступен на странице проекта.
Читать дальше →
Всего голосов 24: ↑22 и ↓2 +20
Просмотры 53K
Комментарии 29

Настройка поддержки русского языка в GVim (windows)

VIM *
Из песочницы
Tutorial


Привет, Хабр!

Хочу поделиться с сообществом опытом допиливания поддержки русского языка в GVim под Windows 7. GVim — очень мощный текстовый редактор, но в текущей Windows-реализации без тонких настроек он выглядит гадким утёнком по сравнению c GVim под Linux или MacVim.

Что будет в данной статье? Исправление локализации для Unicode в Windows-версии GVim, настройка переключения раскладки клавиатуры, включение проверки орфографии. Предполагается, что вы владеете азами работы в Vim. На хабре уже есть статья, затрагивающая тему поддержки русского языка, и хотя она всё ещё остаётся полезной, но на данный момент немного устарела.

В принципе русский язык в интерфейсе Windows версии GVim работает «из коробки», но есть небольшой нюанс: при выставленном Unicode редактор не отображает кириллицу в сообщениях и меню, поэтому либо приходится переключать GVim на английскую локализацию, либо мириться с этими «кракозябрами» в меню и «ять»-ями в приветствии программы. И это в наше время, когда подавляющие большинство программ и даже стандартный блокнот в Windows по умолчанию работает с Unicode текстом! Ситуация усугубляется ещё тем, что в сети просто нет руководств, как исправить эту проблему. Словно прекрасная девушка, танцующая красивый танец и громко пускающая газы при каждом новом па.

Исправим же это недоразумение!
Читать дальше →
Всего голосов 28: ↑26 и ↓2 +24
Просмотры 24K
Комментарии 4

Редактор HTML+CSS+JS в стиле JSfiddle, код которого состоит из 230 символов

Блог компании Нордавинд Ненормальное программирование *JavaScript *
Хотя неделя 30-строчников закончилась, рискну привести ещё один пример сверхлаконичного кода JavaScript, который я нашёл в сети. Встречайте четырёхпанельный редактор HTML/CSS/JS, с превью в реальном времени, код которого умещается в 230 символов:

<x id=e><script>for(i=4;i--;)e.innerHTML+=(i?'<textarea id=t'+i:'<iframe')+' style=width:49%;height:48% oninput=\'e.lastChild.src="data:text/html;base64,"+btoa(t3[v="value"]+"<script>"+t1[v]+"<\/script><style>"+t2[v])\'>'</script>

Посмотреть демо можно по этой ссылке. А можно просто вставить вот этот текст с кодом в адресную строку браузера:

data:text/html,%20<x%20id=e><script>for(i=4;i--;)e.innerHTML+=(i?'<textarea%20id=t'+i:'<iframe')+'%20style=width:49%;height:48%%20oninput=\'e.lastChild.src="data:text/html;base64,"+btoa(t3[v="value"]+"<script>"+t1[v]+"<\/script><style>"+t2[v])\'>'</script>

Читать дальше →
Всего голосов 80: ↑57 и ↓23 +34
Просмотры 21K
Комментарии 16

Тюнинг mooedit

Perl *Разработка веб-сайтов *Программирование *
Из песочницы
В работе использую EPIC и недавно начал пробовать Komodo IDE. Но в качестве лёгкого «повседневного» редактора в системе у меня установлен mooedit. Не всё в нём идеально, но некоторые вещи можно подкрутить, о чём и пойдёт речь.

Читать дальше →
Всего голосов 6: ↑6 и ↓0 +6
Просмотры 2.2K
Комментарии 0

Тюнинг mooedit, работа над ошибками

Perl *Разработка веб-сайтов *Программирование *
В первой части добавлялась проверка синтаксиса и форматирование исходников на Perl в mooedit. Если с первым никаких проблем не возникло, то при форматировании пришлось отказаться от вывода ошибок в область уведомлений. Но с тех пор появилась новая версия в ветке unstable-1.1.9x. Ничего особо нестабильного в версии 1.1.97-devel не заметил, разве что заготовки для долгожданного code folding. Но во внутреннем API появилось как минимум одно приятное изменение.

Читать дальше →
Всего голосов 4: ↑4 и ↓0 +4
Просмотры 2.1K
Комментарии 0

Подборка специализированного софта для веб разработчика под ОС Android

Разработка веб-сайтов *


По просьбе Carduelis и в продолжение этой и этой статей, «полтора года спустя» делаю обзорную статью приложений, которые появились/обновились за это время.

В статью не попадут редакторы текста/кода. Только приложения, которые имеют хотя бы минимальные признаки IDE. То есть код можно запустить и проверить его корректность без выхода из приложения. Программы расположены в алфавитном порядке.

Читать дальше →
Всего голосов 11: ↑8 и ↓3 +5
Просмотры 19K
Комментарии 29

Замена ctags для Perl в mooedit

Perl *Разработка веб-сайтов *Программирование *
В редакторе mooedit есть плагин для вывода имён исходника. Использует он стандартный ctags, у которого с Perl работа, мягко говоря, не фонтан. Находит ctags только имена функций, а хотелось бы большего:



Читать дальше →
Всего голосов 12: ↑12 и ↓0 +12
Просмотры 3.3K
Комментарии 4

Гитхаб скоро запустит текстовый редактор с богатым функционалом

Разработка веб-сайтов *Программирование *GitHub
На Гитхабе скоро появится продвинутый редактор кода. Никакого официального объявления об этом команда Гитхаба пока не сделала, однако уже опубликованы около семидесяти репозиториев, по которым можно примерно представить себе функционал будущего редактора. Официальный сайт редактора, atom.io, пока содержит только заставку с одним словом: «Soon» («скоро»). [UPD: Сайт уже заработал.] В некоторых репозиториях есть и скриншоты будущего редактора:


Темная тема интерфейса
Читать дальше →
Всего голосов 105: ↑97 и ↓8 +89
Просмотры 33K
Комментарии 70

Atom: новый редактор кода от Гитхаба

Разработка веб-сайтов *Программирование *GitHub
Перевод
imageОт переводчика: вчера без официального объявления на Гитхабе были опубликованы несколько десятков репозиториев, содержимое которых свидетельствовало о том, что команда Гитхаба уже давно ведёт разработку нового текстового редактора для программистов и готова представить его публике. Несколькими часами позже заработал и официальный сайт редактора atom.io, на котором сейчас можно запросить инвайт на бета-тестирование, ознакомиться с документацией и плагинами к редактору. Эта статья — перевод двух первых постов из блога проекта Atom, посвящённых концепции и архитектуре редактора.

Представляем Atom


Сегодня мы с радостью готовы запустить публичную бета-версию Atom, нового текстового редактора, который не только лёгок в использовании, но и предоставляет огромную свободу модификаций.

Sublime и TextMate предлагают удобство, но лишь ограниченную расширяемость. С другой стороны, Vim и Emacs обладают огромной гибкостью, но сложны в освоении и требуют изучения специфических скриптовых языков для модификаций.

Мы считаем, что можем сделать лучше. Наша цель — бескомпромиссное сочетание удобства и настраиваемости: редактор, с которым может разобраться и школьник, только начавший изучать программирование, но в то же время и инструмент, который не будет ограничивать опытного хакера.
Читать дальше →
Всего голосов 86: ↑76 и ↓10 +66
Просмотры 129K
Комментарии 57
1