یادداشت‌ها

تولتیپ های خوشتیپ!

تولتیپ (که نمی‌دانم برایش معادل فارسی ساخته شده یا نه) به کادر توضیحی کوچک کنار موس اطلاق می‌شود. تولتیپ پیشفرض براوزرها که شامل ويژگی title یک تگ است، تنها می‌تواند یک متن ساده باشد اما با کمک جاوا اسکریپت و جی کوئری می‌توان تولتیپ‌هایی ایجاد کرد که کمی منعطف‌تر باشند؛ هم ظاهرشان شکیل‌تر باشد و هم محتوای غنی (متن ساختاریافته و تصویر و ...) را به عنوان تولتیپ نمایش دهد. برخی از تولتیپ‌ها:

• Tipper ، Tipso ، PowerTip
  چند تولتیپ خیلی ساده و سبک.
• qTip
  یک تولتیپ پیشرفته و متداول
• ster
  یک تولتیپ با آبشن‌های خوبی مثل مکان، تاخیر، دنبال‌کردن موس و ...
• css arrow please
  این یک تولتیپ نیست بلکه طرز ساخت باکس فلش‌دار به وسیله css خالی است که معمولا به عنوان تولتیپ استفاده می‌شود.
• open tip
  یک تولتیپ جدید و عالی و فوق العاده منعطف
• Toolbar.Js
  یک تولتیپ مناسب برای منوهای مدیریتی (که با کلیک بر روی المان مقصد، چند آیکون به صورت تولتیپ ظاهر می‌گردد)
• HINT.css
  یک تولتیپ زیبا و منعطف با css محض و بدون هیچ‌گونه js
• Tooltipster
  یک تولتیپ جدید و سبک و مدرن با قابلیت و انعطاف پذیری بالا
• dark tooltip
  یک tooltip ساده و سبک (2 کیلوبایت) اما پرقابلیت با قابلیت نمایش confirm
• PopConfirm
  این تولتیپ، یک تولتیپ کامل نیست بلکه فقط برای ساخت تولتیپ‌هایی جهت confirm (گرفتن تایید بله/خیر) از کاربر است که از بوت استرپ 3 برای تم‌ش استفاده کرده است. (لذا در صورتی که از بوت استرپ 3 در پروژه خود استفاده نمی‌کنید، شاید ارزش 30 کیلوبایت حجم اضافی آن را نداشته باشد! هرچند بوت استرپ 3 نسبت به نسخ قبلی‌اش، سبک شده و همانند جی‌کوئری فراگیر و پرطرفدار است)
• jquery.balloon.js
  یک تولتیپ منعطف و پرقابلیت. (پیش‌نمایش)
• Responsive and Mobile-Friendly Tooltip
  یکی از مشکلات برخی تولتیپ‌ها ناسازگاری با موبایل است اما تولتیپ سبک و ساده فوق، هم با موبایل سازگار است و هم responsive است یعنی خود را حسب عرض صفحه طوری تنظیم می‌کند که از صفحه بیرون نزند. (پیش‌نمایش)
• Cool Social Buttons
  یکی از کاربردهای تولتیپ‌ها، نمایش آیکون‌های مربوط به اشتراک‌گذاری مطلب در شبکه‌های اجتماعی است که کد فوق یک نمونه خوب و شیک برای آن است.
• TinyTip
  یک تولتیپ جدیدو ساده و سبک که نیازی به فایل css هم ندارد.

1. راهنمای پویای بخش های مختلف یک صفحه/سایت