Qweb 13 мар 2015 в 12:47

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

3 мин

23K

Usability*

Из песочницы

+12

Комментарии 10

NikitchenkoSergey 13 мар 2015 в 13:07

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

-3

Qweb 13 мар 2015 в 13:46

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

svartalf 13 мар 2015 в 14:53

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

Qweb 13 мар 2015 в 15:00

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

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

Goodkat 13 мар 2015 в 15:24

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

AHDPEu 13 мар 2015 в 16:11

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

-1

Qweb 13 мар 2015 в 16:49

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

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.

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