Создание прототипа мэшапа дэшборда

Использование инструментов drag&drop для создания шаблонов мэшапов для Qlik Sense, может помочь вам создать годный шаблон мэшапа даже без написания кода. Сегодня поговорим, как и с помощью чего это можно сделать.

Создание прототипа мэшапа: Что облегчает жизнь

Иногда создание мэшапа может занять очень много времени, особенно, если вы только начинаете работать с HTML/CSS/JS. Поэтому вот несколько способов и инструментов, которые облегчают процесс создания прототипа.

По прежнему, рекомендую смотреть в сторону Bootstrap, который можно заменить на Angular JS, но мне привычнее Bootstrap. Ну и в целом, альтернатив ему масса – посмотреть возможные варианты вы можете на http://alternativeto.net/browse/search?q=bootstrap+tools.

Вот, например, что можно сделать на Pingendo.

Из этой Gif-анимации вы узнаете, как создать прототип шаблона мэшапа:

После перетаскивания некоторых элементов на рабочее поле, у вас есть готов код HTML и CSS, с которым можно работать:

Коллеги, на этом сегодня все!

Хороших вам разработок!