Panic Tabs and Carousel Panel

1. The product information panel in the full page.

2. Clicking the next arrow slides to the next panel in the carousel.

3. Clicking a tab further to the right, slides all panels off to the left until the target page is reached.

Screencast of This Interface

Panic's product page for Coda provides a hybrid interface utilizing both tabs along the top of the information panel, and arrows on the sides to slide through all of the pages in a carousel.

URL

panic.com/coda/

Comments

Post new comment

Your name: *

E-mail: *

The content of this field is kept private and will not be shown publicly. If you have a Gravatar account, used to display your avatar.

Homepage:

Comment: *

Input format

Filtered HTML

Web page addresses and e-mail addresses turn into links automatically.
Allowed HTML tags: <a> <p> <span> <div> <h1> <h2> <h3> <h4> <h5> <h6> <img> <map> <area> <hr> <br> <br /> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <em> <b> <u> <i> <strong> <font> <del> <ins> <sub> <sup> <quote> <blockquote> <pre> <address> <code> <cite><embed> <object><strike>
Lines and paragraphs break automatically.

Wiki Editing

You can use Mediawiki syntax. It is possible that not all formatting options are supported at the moment.
Links to other pages: [[Page Title]] or [[path/to/page|Title]].
External links: http://example.com or [http://example.com some link title].
Interwiki links: [[site:Page Title]].
You can use the following interwiki links: path, gdo, wp
Lines and paragraphs break automatically.

More information about formatting options

KONIGI

Panic Tabs and Carousel Panel

Comments

Post new comment