Вибір мови

  • 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 рішення, актуальні уроки з фотошопу та графічного дизайну, рекомендації та приклади уроків по створенню гарних та оригінальних сайтів, або Ви хочете бути в курсі останніх новинок і трендів у веб розробці? Тоді Ви потрапили саме туди! Також не залишаться осторонь питання пов'язані з просуванням сайту в пошукових системах - СЕО та оптимізація. Розглянемо основні моменти якісного наповнення сайту - копірайтинг, веб-райтинг, неймінг ітп. Сподіваюся Вам сподобаєтся у нас;)

Добірка різних менюшек. 1 частина - горизонтальні меню

22.12.2012 в 17:32 | NARDO | Теги: jQuery меню, CSS меню, Javascript меню, menu, меню

Театр починається з вішалки - так заведено казати. Для більшості користувачів мережі думка про зручність та юзабіліті сайту зав'язана не тільки на його дизайні та зовнішній привабливості. Велике значення має зручна навігація. Дуже часто у гонитві за дизайном молоді і не дуже веб-дизайнери намагаються винайти велосипед створюючи громіздкі та нісенітні менюшки, які може бути, і несуть естетику в маси, але зовсім не призначені для швидкої та зрозумілої подорожі теренами сайту. У підсумку клієнт такого сайту часто не може з першого разу знайти те, що саме йому потрібно, це веде до роздратування, не сприймання сайту - алеж на початку задачу планували рівно протилежну. Тому моє гасло - не перемудрили! Намагайтеся меню робити таке, аби клієнт з першого погляду міг визначитися у який розділ йому потрібно. Дотримуйтесь логіки при створенні розділів та по можливості створюйте менше вкладених списків - середньостатистичний юзер не шукає головоломки у мережі, він хоче бачити і розуміти все та відразу.
Пропоную Вашій увазі добірку різних менюшек, дивлячись на них, можливо Ви почерпнете щось корисне для Вас.

Мега підбірка різних менюшек на будь-який смак.

Частина перша - горизонтальні меню.

 

Сітка акордеон на JQuery

 Сітка акордеон на JQuery

Велика сітка акордеон із застосуванням Query JavaScript. Зручно для великих мега-меню. Виділений пункт збільшується як по горизонталі так і по вертикалі.

Демо | Завантажити

 

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

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

Просте меню з застосуванням jQuery. Повноцінно працює у Safari та Chrome.

Демо | Завантажити

 

Меню у стилі гаражних дверей на jQuery

Меню у стилі гаражних дверей на jQuery

Проста менюшки з ефектом відкриття гаражних воріт при наведенні

Демо | Завантажити

 

JavaScript меню, що випадає у декілька рівнів

 JavaScript меню, що випадає у декілька рівнів

Демо | Завантажити

 

Величезне горизонтальне меню на основі javascript #1

 Величезне горизонтальне меню на основі javascript #1

Демо | Завантажити

 

Величезне горизонтальне меню на основі javascript #2

 Величезне горизонтальне меню на основі javascript #2

Демо | Завантажити

 

Величезне горизонтальне меню на основі javascript #3

 Величезне горизонтальне меню на основі javascript #3

Демо | Завантажити

 

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

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

Демо | Завантажити

 

Анімаційне меню на JQuery

 Анімаційне меню на JQuery

Демо | Завантажити

 

Затухаюче меню з JQuery

 Затухаюче меню з JQuery

Красивое простое меню с эффектом затухания.

Демо | Завантажити

 

Велике випадаюче меню вгорі сайту

 Велике випадаюче меню вгорі сайту

Демо | Завантажити

 

Apple style меню

 Apple
style меню

Демо | Завантажити

 

Випадаюче Apple, стиль меню з HTML5, CSS3 та JQuery

 Випадаюче Apple, стиль меню з HTML5, CSS3 та JQuery

Демо | Завантажити

 

Мінімалістичне мультирівневе меню

 Мінімалістичне мультирівневе меню

Демо | Завантажити

 

Магічна лінія на JQuery

 Магічна лінія на JQuery

Меню з цікавим ефектом затримки фону або підкреслення. Базується на JQuery.

Демо | Завантажити

 

Мінімалістичне jQuery меню

 Мінімалістичне jQuery меню

Мінімалістичне меню із списком, що випадає, працює навіть у старих версіях броузерів (IE 6)

Демо | Завантажити

 

Цікаве вертикальне меню

 Цікаве вертикальне меню

Демо | Завантажити

 

Незвичайне розсувне меню на Mootools

 Незвичайне розсувне меню на Mootools

Демо | Завантажити

 

Цікаве горизонтальне розсувне меню

 Цікаве горизонтальне розсувне меню

Демо | Завантажити

 

Випадаюче jQuery меню

 Випадаюче jQuery меню

Демо | Завантажити

 

Горизонтальне випадаюче меню з рядком пошуку

 Горизонтальне випадаюче меню з рядком пошуку

Демо | Завантажити

 

Повнофункціональне меню із застосуванням jQuery

 Повнофункціональне меню із застосуванням jQuery

Демо | Завантажити

 

Крута анімація за допомогою CSS та JQuery

 Крута анімація за допомогою CSS та JQuery

Демо | Завантажити

 

Анімовані меню за допомогою jQuery

 Анімовані меню за допомогою jQuery

Демо | Завантажити

 

CSS меню яке розмивається

 CSS меню яке розмивається

Демо

 

Елегантне меню на CSS

 Елегантне меню на CSS

Демо | Завантажити

 

Велике меню на CSS

 Велике меню на CSS

Демо | Завантажити

 

Анімоване меню із застосуванням CSS

 Анімоване меню із застосуванням CSS

Демо

 

CSS мега-меню що випадає

 CSS мега-меню що випадає

Демо | Завантажити

 

Статичне меню на jQuery

 Статичне меню на jQuery

Демо | Завантажити

 

Дуже стильне і красиве меню із застосуванням jQuery

 Дуже стильне і красиве меню із застосуванням jQuery

Демо | Завантажити

 

Стильне анімоване меню

 Стильне анімоване меню

Демо | Завантажити

 

Гарне горизонтальне меню що виїжджає

 Гарне горизонтальне меню що виїжджає

Демо | Завантажити

 

Стильне меню на jQuery із застосуванням слайдів

 Стильне меню на jQuery із застосуванням слайдів

Демо | Завантажити

 

Елегантне меню

 Елегантне меню

Демо | Завантажити

 

Меню на основі CSS3

 Меню на основі CSS3

Демо

 

Стильне меню на основі CSS

 Стильне меню на основі CSS

Демо

 

Простое меню на JavaScript

 

Демо

 

Стильне меню-акордеон із картинками

 Стильне меню-акордеон із картинками

Демо | Завантажити

 

Меню у вигляді вкладок що перекриваються

 Меню у вигляді вкладок що перекриваються

Демо | Завантажити

 

Горизонтальне спрайт меню

 Горизонтальне спрайт меню

Демо | Завантажити

 

CSS меню, що випадає

 CSS меню, що випадає

Демо | Завантажити

 

Мінімалістичне CSS меню із списком, що випадає

 Мінімалістичне CSS меню із списком, що випадає

Демо

 

CSS меню з анімацією

 CSS меню з анімацією

Демо | Завантажити

 

Стильна навігація за допомогою CSS3

 Стильна навігація за допомогою CSS3

Демо | Завантажити

 

Незвичайне горизонтальне меню

 Незвичайне горизонтальне меню

Демо | Завантажити

 

Стильне випадаюче меню із застосуванням jQuery а також CSS

 Стильне випадаюче меню із застосуванням jQuery а також CSS

Демо | Завантажити

 

Горизонтальне меню із списками що випадають

 Горизонтальне меню із списками що випадають

 Демо | Завантажити

 

Стильне горизонтальне меню на основі CSS

 Стильне горизонтальне меню на основі CSS

Демо | Завантажити

 

Зникаюче меню із jQuery

 Зникаюче меню із jQuery

Демо


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»

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

Всяка всячина.
Статті не пов'язаних з основною тематикою мого блогу.



ПОПУЛЯРНЕ

    Підбірка класних шаблонів візитних карток. 3 Частина

    Підбірка класних шаблонів візитних карток. 3 Частина.
    Величезна підбірка різних шаблонів візиток на всі випадки життя! Далі...»

    Добірка класних шаблонів візитних карток. 5 Частина

    Добірка класних шаблонів візитних карток. 5 Частина.
    Величезна добірка різних шаблонів візиток на всі випадки життя! Далі...»

    Підбірка класних шаблонів візитних карток. 1 Частина

    Підбірка класних шаблонів візитних карток. 1 Частина.
    Величезна підбірка різних шаблонів візиток на всі випадки життя! Далі...»

    Підбірка класних шаблонів візитних карток. 4 Частина

    Підбірка класних шаблонів візитних карток. 4 Частина.
    Величезна підбірка різних шаблонів візиток на всі випадки життя! Далі...»

    Добірка класних шаблонів візитних карток. 6 Частина

    Добірка класних шаблонів візитних карток. 6 Частина.
    Величезна добірка різних шаблонів візиток на всі випадки життя! Далі...»

ВИПАДКОВІ НОТАТКИ

    Добірка класних шаблонів візитних карток. 6 Частина

    Добірка класних шаблонів візитних карток. 6 Частина.
    Величезна добірка різних шаблонів візиток на всі випадки життя! Далі...»

    Добірка різних менюшек. 2 частина - горизонтальні меню

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

    Добірка класних шаблонів візитних карток. 5 Частина

    Добірка класних шаблонів візитних карток. 5 Частина.
    Величезна добірка різних шаблонів візиток на всі випадки життя! Далі...»

    Добірка різних слайдерів. Частина 3

    Добірка різних слайдерів. Частина 3.
    Пропоную до вашої уваги третю частину добірки слайдерів на будь-який смак. Усі слайдери надані у статті як мінімум умовно безкоштовні і доступні для завантаження. Сподіваюся ви знайдете щось для себе нове! Далі...»

    Підбірка класних шаблонів візитних карток. 3 Частина

    Підбірка класних шаблонів візитних карток. 3 Частина.
    Величезна підбірка різних шаблонів візиток на всі випадки життя! Далі...»



Наш вибір:


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

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


Доменні імена в Україні

Доменні імена в Україні




Доменні імена у світі

Доменні імена у світі


pisture

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

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

СПІЛЬНОТА

КОНТАКТИ