Архив метки: jquery

99 техник создания меню для сайта CSS и jQuery

При разработке сайта у меня часто да и у любого веб-мастера (скорее всего) начинает болеть голова над тем: Какое меню для сайта сделать чтобы улучшить его юзабилити?

  1. Горизонтальное или вертикальное меню? По опыту обычно делают и то и то.
  2. Делать ли в меню выпадающие (многоуровневое меню), всплывающие, раскрывающиеся элементы?
  3. Использовать в навигации графические объекты: фон, иконки?
  4. И в конце концов как это все сделать и какую технологию использовать (скрипт для меню): просто HTML или делать CSS меню, либо что я редко использую в данных целях javascript или jQuery меню.

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

Данный обзор делал достаточно продолжительный период, хоть название и несет в себе “99 техник создания меню для сайта CSS и jQuery“, техник представлено конечно же больше:

1 CSS меню для начинающих | Демо версия

Креативное меню от Шевчука Антона. Как пишет сам Антон, меню само по себе не представляет особой сложности но зато очень привлекательно смотрится.

css-menu1

2 Графическое CSS-меню | Демо версия

Это тот момент когда меню требуется оформить графикой, если требуется использовать не стандартное решение в навигации.

image001

3 Горизонтальное меню (Solid Block Menu) | Демо версия

Меню с помощью CSS с использованием 2 градиентных картинок. Легко настраивается под любой дизайн.

solid-block-menu

4 Создание горизонтального меню | Демо версия

Еще одно похожее на то что выше горизонтальное меню.

menu-img2

Читать далее