Create navigation menu from the text layer

Following pattern is used quite often in design templates: designer uses a text layer to visualize a navigation menu. Menu items in such a text layer are separated by the same number of space or tab characters.

We introduced an algorithm which recognizes horizontal navigation pattern and generates HTML using unordered lists. In case you use a PSD to Bootstrap conversion option, the service will generate responsive navigation menu.

The following example shows how the algorithm recognizes the horizontal menu and creates a responsive layout using Bootstrap.

miami_home.psd1
miami_home code.zip
miami_home online demo

We also plan to implement recognition of vertical navigation menus.

Share

Leave a Reply

Your email address will not be published. Required fields are marked *