Онлайн-сервис для скетча сайта – Draw . io

Draw.io — это сервис, предназначенный для формирования диаграмм и схем. Сервис разделён на три части — меню, панель объектов и сам документ.

С помощью веб-сервиса Draw.io можно создавать:

• Диаграммы.
• UML-модели.
• Вставка в диаграмму изображений.
• Графики.
• Блок-схемы.
• Формы.
• Другое.

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

В меню сервиса диаграмму или схему можно отформатировать следующими настройками:

• Стиль шрифта.
• Цвет фона документа или объектов.
• Тени и степень прозрачности.
• Цвет и толщина линий.
• Заливка и градиент.

Также доступен экспорт готовых схем в изображение (PNG, GIF, JPG, PDF), синхронизация полученных документов с Google Диском.

 

Текстовый редактор - Sublime Text

Sublime Text— проприетарный текстовый редактор. Поддерживает плагины на языке программирования Python.

Возможности :

· Некоторые возможности:

· Быстрая навигация (Goto Anything)

· Командная палитра (Command Palette)

· API плагинов на Python

· Одновременное редактирование (Split Editing)

· Высокая степень настраиваемости (Customize Anything)

Поддержка языков:

Sublime Text поддерживает большое количество языков программирования и имеет возможность подсветки синтаксиса для C, C++, C#, CSS, D, Dylan, Erlang, HTML, Groovy, Haskell, Java, JavaScript, LaTeX, Lisp, Lua, Markdown, MATLAB, OCaml, Perl, PHP, Python, R, Ruby, SQL, TCL и XML.

Особенности:

· Интерфейс. Редактор содержит различные визуальные темы, с возможностью загрузки дополнительных.

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

Есть несколько режимов экрана. Один из них включает от 1 до 4 панелей, с помощью которых можно показывать до четырёх файлов одновременно. Полноценный (free modes) режим показывает только один файл без каких-либо дополнительных меню вокруг него.

· Выделение столбцов и множественная правка. Выделение столбцов целиком или расстановка нескольких указателей по тексту, что делает возможным мгновенную правку. Указатели ведут себя, будто каждый из них — один в тексте. Команды типа перемещение на знак, перемещение на строку, выборка текста, перемещение на слово или его части (CamelCase, разделённый дефисом или подчёркиванием), перемещение в начало/конец строки и т. д., влияют на все указатели независимо и сразу, позволяя править сложноструктурированный текст быстро, без использования макрокоманд или регулярных выражений.

· Автодополнение. Когда пользователь набирает код, Sublime Text, в зависимости от используемого языка, будет предлагать различные варианты для завершения записи. Редактор также автоматически завершает созданные пользователем переменные.

· Подсветка синтаксиса и высокая контрастность. Тёмный фон Sublime Text предназначен для увеличения контрастности текста. Основные элементы синтаксиса выделены разными цветами, которые лучше сочетаются с тёмным фоном, нежели со светлым.

· Поддержка систем сборки. Sublime Text позволяет пользователю собирать программы и запускать их без необходимости переключаться на командную строку. Пользователь также может настроить свою систему сборки и включить автоматическую сборку программы каждый раз при сохранении кода.

· Заготовки (сниппеты). Сохранение фрагментов часто используемого кода, ключевые слова для их запуска.

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

Другие особенности

· Дополнительно реализована функция автосохранения, помогающая пользователям не потерять проделанную работу.

· Настраиваемые комбинации клавиш и инструмент навигации позволяют назначать свои комбинации клавиш для меню и панелей инструментов (только для первой версии, во второй и третьей — Command Palette).

· Возможность поиска по мере набора используется для поиска в документе.

· Функция проверки синтаксиса работает подобным же образом, проверяя корректность прямо во время ввода.

· Есть возможность автоматизации с помощью макросов и повтора последних действий.

· Команды редактирования, включая редактирование отступов, переформатирование параграфов и объединение строк.