یادداشت‌ها

منوهای متنی گرافیکی

• منوی افقی (مثل منوی برنامه‌های ویندوز) که در بالای بخش موردنظر قرار می‌گیرد
  از جمله محاسن این منو، این است که بدون فعال بودن جاوا اسکریپت هم کار می‌کند!
• jq dock
  منوی تصویری که با رفتن موس بر روی یک آیکون، آن آیکون به تناسب فاطله موس با آن بزرگ می‌شود و نمای جذابی را ایجاد می‌کند.
• jQSimpleMenu (پیش‌نمایش)
  همانطور که از نامش پیداست، یک منوی ساده است. یک منوی افقی که می‌تواند شامل چندین زیرمنوی تو در تو باشد.
• multilevel tree menu jQuery (پیش‌نمایش)
  یک منوی ساده چندمرحله‌ای دیگر.
• iPod Drilldown (پیش‌نمایش)
  کاری بسیار زیبا از گروه طراح filament که باید فقط نمره 20 به آن داد!
  یک منوی تو در توی زیبا با آبشن‌های فراوان که در نمایش روی موبایل و تبلت هم به خوبی کار می‌کند و علاوه برتم‌های پیش‌فرض زیبا، کاملا قیافه آن قابل سفارشی‌سازی است.
• Meny
  یک منوی سه بعدی که از خاصیت CSS3 استفاده می‌کند. (نمونه عملی)
• CSS3 Mega Drop-Down Menu
  یک مگامنو (منویی با زیرمنوی بزرگ و گسترده) که فقط با css3 و بدون js ساخته شده است. (نمونه عملی)
• Modern Menu
  یک منوی ساده و زیبا که نیازی به js هم ندارد و با css3 و افکت‌هایش به خوبی کار می‌کند...
• FlexNav جدیدترین و کامل‌ترین منویی است که دیده‌ام!
  این منو بدون js کار می‌کند و می‌توان منوهای چندمرحله‌ای (بدون محدودیت) با آن ساخت. responsive بودن و همچنین قابلیت پیمایش یا کیبورد و ... برخی از قابلیت‌های آن است.
• aciTree
  یک منوی بسیار عالی مناسب برای نمایش فایل‌ها و پوشه‌ها (شاخه‌ها و زیرشاخه‌ها) با پشتیبانی از rtl و لود زیر منوها به صورت ajax ی (json)، پشتیبانی از کیبورد جهت پیمایش، قابلیت درج آیکون متفاوت برای هر مورد و قابلیت‌های دیگر.
• jQuery File Tree و zTree
  این موارد هم مانند مورد قبلی، برای نمایش ساختار فایل و پوشه‌ها (یا منو و زیرمنو) هستند که پیش‌نمایش آن‌ها را می‌توانید در اینجا و اینجا ببینید.
• jQuery cross browser dropdown menu
  سایت فوق یک منوساز ساده است که شما پس از انتخاب گرافیک و مدل منو، کد آن را تحویل می‌گیرید. درست شبیه برخی نرم افزارهای منوساز شرکت sothing و ...
  حسن این سایت نسبت به سایت‌های منوساز مشابه، گرافیک متنوع، همخوانی با تمام براوزرها، دسترسی کامل به منوها و زیرمنوها در صورت فعال نبودن جاوا اسکریپت، مراعات اصول seo برای بهتر شناخته شدن منوها توسط موتورهای جستجو، استاندارد و تمیز بودن نشانه گذاری html منوها، کاملا قابل تغییر با کمک css و حجم بسیار کم آن (تقریبا صفر!!!) است.
• Multi-Level Push Menu
  یک منوی چند مرحله‌ای شبیه منوهای آیفون با قابلیت پشتیبانی از Right to Left به همراه امکانات و قابلیت‌های دیگر...
• Accessible-Mega-Menu
  منوهایی که حاوی زیرمنو (معمولا یک مرحله‌ای اما) بسیار بزرگ و مفصل هستند (طوری که پس از ظاهر شدن بخش زیادی از صفحه را می‌پوشانند) در اصطلاح Mega menu خوانده می‌شود.
  Accessible Mega Menu یک نمونه از آنهاست و همانطور که از نامش پیداست، ساختار آن طوری طراحی شده که با کمک صفحه کلید و همچنین screen reader ها هم قابل دسترس است.
• Mega-Site Navigation
  این هم یک مگامنوی دیگر که از نظر واکنش‌گرا (responsive) بودن، روی جزئیات آن به زیبایی کار شده است. (پیش نمایش)
• Snap.js
  یکی از روش‌های جاسازی منو در صفحات کوچک مثل موبایل که قبلا در مبحث طراحی واکنش‌گرا به آن اشاره کردم، این است که منوها تبدیل به یک دکمه شود که در صورت کلیک بر روی آن، منو با صورت یک ستون ظاهر شود. بسیاری از منوهای responsive اینچنین هستند اما کمتر شاهد مدیریت لمس مسیر افقی (swipe) هستیم. اما در Snap.js این امر به خوبی مدیریت شده و در صفحات لمسی، کاربر با کشیدن دست به صورت افقی در مسیر راست به چپ یا برعکس، میتواند ستون/منوی پنهان شده را مشاهده نماید. (مشاهده نسخه دمو)
• Slideout.js
  این هم یک مورد جدید و خوب شبیه مورد قبلی که در صفحات لمسی به زیبایی کار می‌کند.
• مگامنوی محبوب من!
  ریسپانسیو، بسیار سبک، خوش‌دست حتی در موبایل‌های کوچک و ...
• Mega Dropdown
  یک مگامنوی شکیل جدید و مدرن.

1. چرا باید بینندگان موبایلی سایت تان را در اولویت قرار دهید؟
2. پیمایش و منو برای یک صفحه