Выбор языка

  • NARDOdesign
  • NARDOdesign
  • NARDOdesign

NARDOdesign NARDOdesign NARDOdesign NARDOdesign NARDOdesign

  • В помощь вебмастеру

    | ЛИКБЕЗ |

    В помощь вебмастеру

    В данном разделе представлены статьи, раскрывающие основные моменты работы вебмастера с сайтом, а также базовые моменты при разработке сайтов

  • Полезные веб-ресурсы

    | ЗАКЛАДКИ |

    Полезные веб-ресурсы

    Обзор полезных вебресурсов для разработчика и вебмастера различной тематики

  • Уроки и мастер-классы по разработке

    | ТУТОРИАЛЫ |

    Уроки и мастер-классы по разработке

    Уроки по разработке сайтов, уроки фотошоп, графические темплейты от «NARDOdesign»

  • Шаблоны HTML и CSS

    | ТЕМПЛЕЙТЫ |

    Шаблоны HTML и CSS

    Различные HTML шаблоны, CSS, веб-верстка от «NARDOdesign»

  • JQuery, JavaScript, Mootools

    | JAVASCRIPT |

    JQuery, JavaScript, Mootools

    Различные JavaScript решения, содержащие самые популярные библиотеки на основе jQuery, Mootools, HTML5 и CSS

  • Графика и дизайн

    | ГРАФИКА |

    Графика и дизайн

    Уроки фотошоп, графические темплейты , изображения, иконки, векторные и растровые файлы, PSD, кисти и многое другое

  • Продвижение и оптимизация сайтов

    | СЕО |

    Продвижение и оптимизация сайтов

    Уроки по основам продвижения и оптимизации сайтов, продвижение сайтов, вывод в топ, поддержка позиций, SEO от «NARDOdesign»

  • Всякая всячина

    | ОФФТОП |

    Всякая всячина

    Статьи не связанным с основной тематикой моего блога

Next
  • В помощь вебмастеру
  • Полезные веб-ресурсы
  • Уроки и мастер-классы по разработке
  • Шаблоны HTML и CSS
  • JQuery, JavaScript, Mootools
  • Графика и дизайн
  • Продвижение и оптимизация сайтов
  • Всякая всячина
Previous

“Мы сделали кнопки на экране настолько хорошими, что вы будете хотеть их облизывать.”
Steve Jobs, Chairman and CEO Apple Inc.

NARDOdesign – доступно и просто о веб разработке от А до Я

Если Вас интересуют качественные и новые HTML и CSS темплейты, уникальные и свежие JavaScript решения, актуальные уроки по фотошопу и графическому дизайну, рекомендации и примеры уроков по созданию красивых и оригинальных сайтов, или Вы хотите быть в курсе последних новинок и трендов в веб разработке? Тогда Вы попали именно туда! Также не останутся в стороне вопросы связанные с продвижением сайта в поисковиках – СЕО и оптимизация. Рассмотрим основные моменты качественного наполнения сайта – копирайтинг , веб-райтинг, нейминг итд. Надеюсь у нас Вам понравиться ;)

Подборка различных менюшек. 5 часть - вертикальные меню

09.11.2012 в 06:23 | NARDO | Теги: jQuery меню, CSS меню, Javascript меню, menu, меню, горизонтальные меню

Театр начинается с вешалки – так принято говорить. Для большинства пользователей в сети мнение об удобности и юзабилити сайта завязано не только на его дизайне и внешней привлекательности. Большое значение имеет удобная навигация. Очень часто в погоне за стилем молодые и не очень веб-дизайнеры пытаются изобрести велосипед создавая громоздкие и несуразные менюшки, которые может быть, и несут эстетику в массы, но совсем не предназначены для быстрого и понятного путешествия по сайту. В итоге клиент такого сайта зачастую не может с первого раза найти то, что именно ему нужно, это ведет к раздражению и не восприятию сайта – а ведь изначально задачу планировали ровно противоположную. Поэтому мой девиз – не перемудри! Старайтесь меню делать такое, чтобы клиент с первого взгляда  мог определиться в какой раздел ему нужно.  Соблюдайте логику при создании разделов и по возможности  создавайте меньше вложенных списков – среднестатистический юзер не ищет головоломки в сети и хочет видеть и понимать все и сразу.

 

Предлагаю Вашему вниманию подборку различных менюшек, глядя на них, возможно Вы почерпнете что-то полезное для Вас.

 

Мега подборка различных менюшек на любой вкус. Часть пятая – вертикальные меню.

Древовидное меню имитируещее файловую систему

 Древовидное меню имитируещее файловую систему

Демо | Скачать

 

Прикольная вертикально раскрывающаяся менюшка

 Прикольная вертикально раскрывающаяся менюшка

Демо | Скачать

 

Профессиональное вертикальное меню

 Профессиональное вертикальное меню

Демо

 

Вертикальное выпадающее статическое меню

 Вертикальное выпадающее статическое меню

Также в наличии горизонтальная версия

Демо вертикальное |  Демо горизонтальное |  Скачать

 

Вертикальное разноцветное меню-аккордеон

 Вертикальное разноцветное меню-аккордеон

Демо | Скачать

 

jQuery выпадающее меню вертикального типа

 jQuery выпадающее меню вертикального типа

Демо |  Скачать

 

Темное навигационное меню на основе CSS3

 Темное навигационное меню на основе CSS3

Демо | Скачать

 

Вертикальное меню в стиле аккордеон

 Вертикальное меню в стиле аккордеон

Демо | Скачать

 

Мульти уровневое меню

 Мульти уровневое меню

Демо | Скачать

 

Очень красивое круговое меню

 Очень красивое круговое меню

Демо | Скачать

 

Вертикальное прокручивающееся меню

 Вертикальное прокручивающееся меню

 Демо | Скачать

 

Вертикальное меню с прокруткой на движке Slider Kit

 Вертикальное меню с прокруткой на движке Slider Kit

Демо | Скачать

 

Статическое меню с выезжающими элементами

 Статическое меню с выезжающими элементами

Демо |  Скачать

 

Огромное вертикальное мега-меню

 Огромное вертикальное мега-меню

Демо | Скачать

 

Подборка вертикальных многоуровневых меню на jQuery

 Подборка вертикальных многоуровневых меню на jQuery

Демо | Скачать

 

Еще один вариант вертикального меню

 Еще один вариант вертикального меню

Демо |  Скачать

 

Статическое выпадающее вертикальное меню

 Статическое выпадающее вертикальное меню

Демо | Скачать

 

Вертикальное стильное мега-меню с выпадающими элементами

 Вертикальное стильное мега-меню с выпадающими элементами

Демо | Скачать

 

JQuery мультиуровневое аккордеон меню

 JQuery мультиуровневое аккордеон меню

Демо | Скачать

 

Вертикальное меню-аккордеон на jQuery

 Вертикальное меню-аккордеон на jQuery

Демо |  Скачать

 

Горизонтальное  jQuery анимированное меню

 Горизонтальное jQuery анимированное меню

Демо |  Скачать

 

Оригинальное вертикальное jQuery CSS3 размывающееся меню

 Оригинальное вертикальное jQuery CSS3 размывающееся меню

Демо | Скачать

 

Вертикальное оригинальное анимированное меню

 Вертикальное оригинальное анимированное меню

Демо | Скачать

 

Красивая возможность создать круговое меню

 Красивая возможность создать круговое меню

Демо  | Скачать

 

Меню на jQuery CSS3 с эффектом размытия

 Меню на jQuery CSS3 с эффектом размытия

Демо | Скачать

 

Вертикальное слайд меню на JavaScript

 Вертикальное слайд меню на JavaScript

Демо | Скачать

 

Анимированное меню со слайдами

 Анимированное меню со слайдами

Демо | Скачать

 

Вертикальное меню аккордеон на JavaScript

 Вертикальное меню аккордеон на JavaScript

Демо | Скачать

 

Интерактивное меню на jQuery

 Интерактивное меню на jQuery

Демо |  Скачать



blog comments powered by Disqus


КАТЕГОРИИ

В помощь вебмастеру.

В помощь вебмастеру.
В данном разделе представлены статьи, раскрывающие основные моменты работы вебмастера с сайтом, а также базовые моменты при разработке сайтов.

Полезные веб-ресурсы.

Полезные веб-ресурсы.
Обзор полезных вебресурсов для разработчика и вебмастера различной тематики.

Уроки и мастер-классы по разработке.

Уроки и мастер-классы по разработке.
Уроки по разработке сайтов, уроки фотошоп, графические темплейты от «NARDOdesign»

Шаблоны HTML и CSS.

Шаблоны HTML и CSS.
Различные HTML шаблоны, CSS, веб-верстка от «NARDOdesign»

JQuery, JavaScript, Mootools.

JQuery, JavaScript, Mootools.
Различные JavaScript решения, содержащие самые популярные библиотеки на основе jQuery, Mootools, HTML5 и CSS.

Графика и дизайн.

Графика и дизайн.
Уроки фотошоп, графические темплейты , изображения, иконки, векторные и растровые файлы, PSD, кисти и многое другое.

Продвижение и оптимизация сайтов

Продвижение и оптимизация сайтов.
Уроки по основам продвижения и оптимизации сайтов, продвижение сайтов, вывод в топ, поддержка позиций, SEO от «NARDOdesign»

Всякая всячина

Всякая всячина.
Статьи не связанным с основной тематикой моего блога.



ПОПУЛЯРНОЕ

    Подборка классных шаблонов визитных карточек. 4 Часть

    Подборка классных шаблонов визитных карточек. 4 Часть.
    Огромная подборка различных шаблонов визиток на все случаи жизни! Далее...»

    Подборка классных шаблонов визитных карточек. 5 Часть

    Подборка классных шаблонов визитных карточек. 5 Часть.
    Огромная подборка различных шаблонов визиток на все случаи жизни! Далее...»

    Подборка различных менюшек. 5 часть - вертикальные меню

    Подборка различных менюшек. 5 часть - вертикальные меню.
    Предлагаю Вашему вниманию пятую часть мега-подборки различных меню на любой вкус - здесь есть из чего выбрать! Далее...»

    Подборка различных менюшек. 4 часть - вертикальные меню

    Подборка различных менюшек. 4 часть - вертикальные меню.
    Предлагаю Вашему вниманию четвертую часть мега-подборки различных меню на любой вкус - здесь есть из чего выбрать! Далее...»

    Подборка классных шаблонов визитных карточек. 1 Часть

    Подборка классных шаблонов визитных карточек. 1 Часть.
    Огромная подборка различных шаблонов визиток на все случаи жизни! Далее...»

СЛУЧАЙНЫЕ ЗАМЕТКИ

    Подборка классных шаблонов визитных карточек. 5 Часть

    Подборка классных шаблонов визитных карточек. 5 Часть.
    Огромная подборка различных шаблонов визиток на все случаи жизни! Далее...»

    Подборка различных менюшек. 3  часть - горизонтальные меню

    Подборка различных менюшек. 3 часть - горизонтальные меню.
    Предлагаю Вашему вниманию третью часть мега-подборки различных меню на любой вкус - здесь есть из чего выбрать! Далее...»

    Подборка различных слайдеров. Часть 2

    Подборка различных слайдеров. Часть 2.
    Предлагаю вашему вниманию вторую часть подборки слайдеров на любой вкус. Все слайдеры предоставленные в статье как минимум условно бесплатные и доступны для скачивания. Надеюсь вы найдете что то для себя новое! Далее...»

    Подборка классных шаблонов визитных карточек. 2 Часть

    Подборка классных шаблонов визитных карточек. 2 Часть.
    Огромная подборка различных шаблонов визиток на все случаи жизни! Далее...»

    Edge от Adobe . Первое знакомство.

    Edge от Adobe . Первое знакомство. .
    Edge от Adobe – что это? Полноценный инструмент или пародия на Flash? Какие перспективы и что ждать в будущем. Все это рассмотрим подробнее. Далее...»



Наш выбор:


Услуги хостинга

Услуги хостинга, сервера


Доменные имена в Украине

Доменные имена в Украине




Доменные имена в Украине

Доменные имена в мире


pisture

Школа веб-разработки от NARDOdesignblog

Доступно и просто, всё о веб-разработке от А до Я

СООБЩЕСТВО

КОНТАКТЫ