Средства разработки online
Огромное количество простых и сложных средств для разработки есть прямо в Интернет.
Диаграммы связей mindmap, создание прототипов приложений, моделирование баз данных DDL, моделирование UML, проверка регулярных выражений, отладка сценариев на разных языках программирования (javascript, php, python, ruby и другие), обсуждение дизайна, интегрированная среда разработки (IDE), обмен файлами, просмотр данных XML и JSON, учёт времени (time tracking). Всё это — в онлайн. Не надо устанавливать программы на свой компьютер, а также можно работать совместно.
Средства исключительно в онлайн
Диаграммы связей (карты знаний, карты памяти, интеллект-карты, карты мыслей, ассоциативные карты)
Диаграммы связей позволяют набросать упрощённый дерево ассоциаций, упорядочить мысли. Используются для проведения мозговых штурмов. Часто используются для управления знаниями, на совещаниях, в управлении задачами и тайм-менеджменте.
mind42.com позволяет создавать и менять диаграммы связей совместно.
mapmyself.com
Создание прототипов программ, веб-сайтов, презентаций
flairbuilder.co makes it easy for you and your team to work on the same project at the same time. So you know everyone’s on the same page. Literally. Move, resize, color, add, and move again.
Pidoco Средство моделирования прототипа. Поддерживается совместное редактирование.
Mockingbird Инструмент в режиме онлайн, позволяющий легко создавать, связывать, предварительно просматривать и передавать модели вашего веб-сайта или приложения.
ProtoShare Объединенный инструмент в режиме онлайн для построения каркасов веб-сайтов и динамичных, управляемых прототипов веб-сайтов, которые затем члены команды могут просматривать, а также комментировать в режиме реального времени.
MockFlow Проектные, объединенные (в реальном времени) модели интерфейсов пользователя для вашего программного обеспечения и веб-сайтов.
gliffy.com Online Diagram Software and Flowchart Software
Проектирование баз данных
vertabelo.com Визуальное создание схем баз данных. Генерация схемы как изображения. Генерация DDL файла для создания схемы в базе данных.
Моделирование системы
websequencediagrams.com Диаграммы последовательностей (Sequence Diagrams)
gliffy.com Online Diagram Software and Flowchart Software
LucidChart
ninjamock.com Прототипирование под мобильные устройства и веб-приложения
wireframe.cc Прототипирование под мобильные устройства и веб-приложения
Отладка Cascading Style Sheets (CSS), Javascript (JS), PHP
Cloud9 Среда разработки для совместного редактирования кода. Как у Google Docs. Интеграция с github и bitbucket.
jsdo.it Подходит для экспериментов с HTML5, WebGL, JavaScript и многим другим — функционал просто изумительный.
JSFiddle Один из самых популярных инструментов для работы с JavaScript/HTML/CSS/SCSS. Прост, удобен, умеет подключать дополнительные библиотеки: jQuery, MooTools и т.д.
Codepad Is an online compiler/interpreter, and a simple collaboration tool. Подсветка синтаксиса языков программирования: Tcl. Для некоторых поддерживается интерпретация или компиляция.
CodePen Инструмент для фронт-энд разработки, позволяющий легко оперировать с CSS/HTML/JS-конструкциями, позволяет подключать js-библиотеки: jQuery, MooTools и т.д.
LiveWeave
Ideone Редактирование и обмен фрагментами текста http://take.ms/V3vNv
CollabEdit Совместное многопользовательское редактирование кода
writecodeonline.com/javascript/ Отладка Javascript
writecodeonline.com/php/ Отладка PHP
sandbox.onlinephpfunctions.com Отладка PHP
Совместное обсуждение программного кода и веб-страниц
sourcetalk Обсуждение кусков кода в голосовом и текстовом чате
Bounce App Обсуждение веб-страниц
WebKlipper
AnnotateIt
Marqueed
Diigo Можно собирать коллекции веб-страниц, делать на них визуальные пометки, делиться ссылками
Среда разработки (IDE integrated development environment)
compilr Полноценная среда разработки
Koding Среда разработки с предустановленным веб-сервером и элементами социальной сети
online-php Cреда разработки IDE PHP
codeanywhere Среда разработки. Код можно хранить в облаке, а также в Dropbox, Google Drive, FTP, github.
Отладка регулярных выражений
debuggex.com Визуальный редактор регулярных выражений
gskinner.com/RegExr Наглядное средство для изучения, написания и проверки регулярных выражений
rexv.org regex101.com Другие простые сервисы для отладки регулярных выражений
Просмотр данных XML, JSON
json.parser.online.fr jsonviewer.stack.hu Позволяет отформатировать фрагмент JSON и показать его красиво
codebeautify.org/xmlviewer freeformatter.com/xml-formatter.html То же самое для XML
Обмен фрагментами кода на HTML, CSS, JS
pastebin.com Pastebin.com is a website where you can store text for a certain period of time. The website is mainly used by programmers to store pieces of sources code or configuration information, but anyone is more than welcome to paste any type of text. The idea behind the site is to make it more convenient for people to share large amounts of text online.
Обмен файлами
dropbox.com/home Обмен любыми файлами через веб-интерфейс. Есть offline клиент с автоматической синхронизацией.
Google Drive Обмен любыми файлами через веб-интерфейс; редактирование файлов в форматах Microsoft Word (doc), Microsoft Excel (XLS), Open Document (ODT), Open Spreadsheet, Reach Text Format (RTF).
Облако@Mail.ru
Яндекс.Диск
Управление личным временем
worldtimebuddy.com Утилита для планирования времени с учётом разных часовых поясов.
todoist.ru/app Задачник с удобным интерфейсом и замечательным набором платных функций, таких как уведомления, события, комментарии и совместная работа. Также есть offline клиент под все платформы с автоматической синхронизацией.
Средства оnline с клиентским приложением
Обмен файлами
Dropbox
Google Drive
Облако@Mail.ru
Яндекс.Диск
Обмен скриншотами, файлами, ссылками.
monosnap.com Умеет захватывать часть экрана или весь экран, делать надписи, стрелки, линии, выделять области и сохранять как файл или публиковать в Интернет
evernote.com/skitch
clipular.com
https://gyazo.com/ru Умеет захватывать фрагменты экрана, а также делать короткие видео в формате GIF, и публиковать в Интернет
Pingback: Фишки Web Developer | Pearltrees()