Генерация меню навигации из текстового слоя

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

Мы реализовали алгоритм, который распознает в таких текстовых слоях горизонтальную навигацию и преобразует их в HTML верстку горизонтальным списком. В случае генерации адаптивной верстки будет создано адаптивное меню навигации.

Следующий пример наглядно показывает, как алгоритм распознает горизонтальное меню и создает из него адаптивную верстку, используя Bootstrap.

miami_home.psd1
miami_home code.zip
miami_home online demo

В наших планах также добавить автоматическое распознавание вертикальных меню и их верстку списком.

 

Share

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *