Домой / Online-инструменты

Online-инструменты

Онлайн редактор интерфейсов HTML5

Maqetta — основанное на веб технологиях WYSIWYG приложение,  которое сфокусировано на облегчении процесса создания веб страниц HTML5. Проект реализуется в концепции открытого исходного кода. Для работы приложения не требуется устанавливать никаких плагинов. Приложение запускается как в онлайн режиме, так и локально (требуется наличие Java версии 5+ на локальном компьютере). Интерфейс проекта работает по принципу «перетащи и брось», поддерживаются практически все типовые функции редактора, такие ... Читать далее »

Онлайн генератор форм pForm

pForm — бесплатный онлайн генератор форм HTML. У него есть возможность выбрать цветовой вариант оформления формы. Все поля расставляются в визуальном наглядном редакторе. Каждый объект формы имеет несколько опций для настройки. После завершения построения формы код HTML/CSS загружается в виде zip архива на локальный компьютер. Читать далее »

Онлайн калькулятор PX в EM и обратно

PXtoEM.com — веб сервис который облегчает конвертацию значений PX в EM. Конвертация по умолчанию основана на значении размера шрифта 16px, но возможно: Выбрать другой размер шрифта Или ввести значения PX или EM для расчета Читать далее »

Онлайновый конвертер шрифтов

Иногда, в ходе работ требуется преобразовать шрифт из одного формата в другой. Сервис FreeFontConverter отлично справится с данной работой. Загружаем файл шрифта, выбираем нужный формат и нажимаем кнопку «Convert». Результат сохраняем на своем рабочем компьютере. Конвертер поддерживает различные форматы шрифтов, как популярные (ttf, ps, oft), так и достаточно редкие. Читать далее »

Онлайн сервис для проверки внешнего вида сайта на разных устройствах

Нужно проверить, как будет выглядеть сайт на iPad, которого нет под рукой? Не беда. Сервис Screenfly поможет. Он использует прокси сервер для имитации самых популярных устройств, которыми пользуются для просмотра интернет-ресурсов. Вводим адрес сайта и выбираем нужное устройство и разрешение экрана. Читать далее »

Онлайн генератор текста для заполнения шаблона

RandomText — онлайн сервис, который быстро генерирует содержание для заполнения пустого шаблона. Можно выбрать вариант Латыни или Английской тарабарщины. Также доступны для выбора различные структуры HTML кода для заполнения. А удобные ползунки позволяют определить параметры генерируемого текста. Полученный результат можно загрузить в виде HTML кода или простого текста. Сервис имеет API, которое генерирует результат в формате JSON, поэтому его можно интегрировать ... Читать далее »

Онлайн сервис для работы с интеллект картами (mind map)

Интеллект карты являются отличным средством для визуализации и документирования процесса реализации идей. Mindmaps — онлайн сервис  с простым интерфейсом для создания интеллект карт. Можно создавать карты с неограниченным количеством уровней и сохранять их в формате JSON. Читать далее »

Онлайн редактор HTML, CSS и JavaScript кода

Вам часто приходится разбираться в чужом, неряшливо написанном коде? Тогда Dirty MarkUp — для вас. С помощью данного сервиса очень легко привести код HTML(5), CSS или JavaScript к виду, доступному для восприятия. Нужно скопировать код в правую часть окна. Установить параметры для отображения и нажать на кнопку «Clean». Отформатированный код можно скопировать в свой редактор и продолжить работу с ним. Читать далее »

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

В наши дни адаптивность шаблона сайта к различным разрешениям экрана становится необходимым требованием. И в процессе работы над проектом очень важно проводить всестороннее тестирование. Screenqueri.es — бесплатное веб приложение для проверки работы шаблона сайта на экранах различных мобильных устройств. Нужно ввести URL сайта и смотреть, как выглядит сайт при разных разрешениях экрана. Тип мобильного устройства можно выбрать из предложенного списка или ... Читать далее »

Онлайн редактор для создания прототипов интерфейсов сайтов

Moqups — онлайн редактор для построения интерактивных моделей интерфейсов. Очень полезный инструмент на этапе продумывания деталей успешного проекта или подготовки технического задания для фрилансера. Читать далее »