Создаем свое Amazon-like навигационное меню

[@NikitchenkoSergey]

вот еще по этой же теме habrahabr.ru/post/171905/
и создан соответствующий плагин github.com/kamens/jQuery-menu-aim

[@Qweb]

В начале поста как раз таки и указаны данные источники ;)

[@svartalf]

То есть вы велосипедом хвастаетесь?

[@Qweb]

Данный комент был предусмотрен ;)

Сразу могу сказать, что это не изобретение велосипеда, а скорее краткое руководство по созданию амазон-меню

[@Goodkat]

На сайте амазона неудобное меню, говорю вам как практически ежедневный пользователь.
0. (К меню не относится) у поля поиска нет автофокуса
1. После того как поставил курсор в поле поиска и начал писать, фокус перескакивает на это чудо-меню. Долго не мог понять, почему. Оказалось, сдвигаю мышиный курсор на меню.
2. Пиксель право, пиксель влево — вложенное меню закрылось, открывай с начала.

[@AHDPEu]

Вот пример из этой статьи
Мне больше нравится.

[@Qweb]

Да, читал. Понравился комментарий:

The thing with CSS triangles is that they aren’t really triangles, they are squares where 2-3 borders of them are transparent so they just look like triangles.

It might be possible to use little SVG chunks though (heavier in the DOM). Or possibly even better, CSS clip-path: polygon() to get a triangular area.

Так что совершенству нет предела

[@Hummanoid]

Меню абсолютно неюзабельное. Ожидаешь простую ссылку, а на тебя валят ненужный поток инфы. И это просто при hover!

[@smileonl]

А зачем это на хабре?

[@Dzorogh]

А ведь когда-то такие меню были в моде…