ایجاد: ۱۳:۱۵ ۱۳۹۱/۶/۵
ویرایش: ۱۹:۵۵ ۱۳۹۳/۸/۲

یادداشت‌ها

»

افکت‌های متن با جاوا اسکریپت و جی‌کوئری

  • Lettering.JS
    بی‌شک اگر فقط قرار باشد یک اسکریپت برای افکت‌های متنی معرفی کنیم، Lettering.JS خواهد بود. با استفاده از این پلاگین تاکنون پلاگین‌های مختلفی نوشته شده و در لینک فوق معرفی شده است همگی زیبا و کارا هستند.
    چندنمونه افکت جالب با استفاده از این پلاگین در این لینک قابل مشاهده است.
  • textualizer
    یک افکت بسیار زیبای متنی که البته برای متن فارسی مشکلاتی دارد
  • jmpress
    افکت چرخشی متن (شبیه چرخ فلک!) به همراه افکت‌های شبیه پاورپوینت
    مناسب برای پرزنتیشن‌ها و رزومه‌های کم حجم
  • TextGrad jQuery plugin
    ایجاد گرادیان (gradian / طیف) روی متن
  • jQuery Numerator و countUp.js و Odometer
    گاهی در صفحه یک عدد مهم (مثل قیمت کل فاکتور یا ...) داریم که در اثر «یک رویداد» (مثلا تغییر select:option توسط کاربر) یا «گذر زمان» یا «درخواست ajax ی» یا هر چیز دیگر، قرار است آن شماره و عدد، به رقم دیگری تغییر کند. در اینصورت هریک از پلاگین‌های فوق موجب زیبایی و چشم‌گیر شدن این تغییر خواهد شد.
  • فیت کردن متن متغیر در یک حجم از پیش تعیین شده
    برای این منطور اسکریپت FitText که بر مبنای اسکریپت Lettering نوشته شده، بسیار معروف است. اسکریپت SlabText نیز برای متن چند خطی رایج است. (نمونه)
    برای کسانی که دنبال اسکریپت بهتری باشند نیز Squishy یک گزینه عالی و در عین حال ساده است که به تازگی معرفی شده است.
    Fitter Happier Text هم یک مورد جدید است که با کمک SVG به فیت کردن متن می‌پردازد.
  • Zoomsaic JS
    زبان تصویر، سریع‌تر است و برخلاف سایر زبان‌ها، نیازی به یادگیری ندارد. به همین دلیل خیلی از ماها ترجیح می‌دهیم برای طراحی مینیمال خود از زبان تصویر استفاده کنیم.
    پلاگین فوق به ما کمک می‌کند که در صورت رفتن موس روی یک آیتم تصویری، توضیح متنی در ابعاد بزرگتر و با افکت بجای آن ظاهر شود که کاربردهای خاص خود را دارد. (نسخه نمایشی)
  • پرواز کاراکترها با پلاگین jumping words
    با کمک این پلاگین نیم‌کیلویی! می‌توان کاراکترها را به پرواز درآورد تا یکی یکی سر جای خود بنشیند و جمله موردنظر شما را تکمیل کند. این پلاگین چندخطی یک نمونه از قدرت توابع انیمیشن در جی‌کوئری را نشان می‌دهد.
  • Advanced News Ticker
    همانطور که از نامش پیداست، یک نیوز تیکر حرفه‌ای است! (مشاهده پیش‌نمایش)
  • Circletype.js
    یک اسکریپت کوچک برای نمایش متن به صورت خمیده (حلقوی)
    این اسکریپت وابسته به Lettering.JS است که در ابتدای متن معرفی شد.
  • CurvedText
    همانطور که از نام‌ش پیداست، این اسکریپت نیز برای ایجاد متن خمیده و حلقوی کاربرد دارد و لذا شبیه مورد قبلی است با این تفاوت که قدرت بیشتری داره و می‌تواند متن را به صورت دایره، بیضی، فنری، سینوسی و ... نیز دربیاورد که در لینک فوق می‌توانید دموی آن را نیز مشاهده کنید.
  • TextfxAPI
    چند افکت ساده برای نمایش متن... (پیش‌نمایش)

یادداشت‌های مرتبط
  1. سرویس های آنلاین رایگان برای نوشتن، تست و بهینه سازی کدهای برنامه نویسی
  2. معرفی برخی اسلایدرهای جی‌کوئری
  3. روش های بهبود کیفیت آپلود فایل ها از طریق فرم های صفحات وب
  4. تشخیص و کشف نوع، نام و مشخصات مرورگر کاربران سایت
  5. پلاگین هایی برای کار با فرم های ورود اطلاعات
  6. قلمرو متغیرها در پی‌اچ‌پی و جاوا اسکریپت
  7. دسترسی کامل به عناصر آدرس در جاوا اسکریپت
  8. درباره نود جی اس
  9. لینک اسکرول به بالای صفحه
  10. خطا در جاوا اسکریپت
  11. پایگاه داده در جاوا اسکریپت
  12. روش‌ها و تکنیک‌های پنهان کردن ایمیل
  13. کنترلرهای اسلایدی
  14. زوم (zoom) و بزرگنمایی تصویر و متن با جاوا اسکریپت و پی اچ پی
  15. کشف فونت‌های نصب شده در کلاینت
  16. بازی با زمان!
  17. کار با تصاویر در سمت کاربر
  18. بهینه سازی آنلاین سی‌اس‌اس و جاوا اسکریپت
  19. استفاده از Media Queries ها و اصلاح عدم پشتیبانی IE6-8
  20. چند لینک جامع برای یادگیری جاوا اسکریپت
  21. انواع راه‌های تولید کد QR با پی اچ پی و جاوا اسکریپت
  22. پلاگین‌های جی‌کوئری برای استفاده بهتر از خدمات گوگل

مدیریت

نام وسیله

اعتبار ورود

نام کاربری

رمز عبور

رمز یکبارمصرف

... لیست تمام یادداشت‌ها

تبلیغات

ربات‌های تلگرامی:
مجموعه ربات‌های تلگرامی ما برای ساده‌تر کردن کار با تلگرام و مدیریت کانال و ...
خرید هاست (فضا):
دنبال یک هاست به صرفه برای شروع کار می‌گردید؟
مشخصات و قیمت‌های این مورد رو ببینید. من سال‌ها مشتری‌شون بودم و پشتیبانی‌شون هم خوب بود.
دامنه‌های فروشی:
دامنه‌های زیر مربوط به ما یا مشتریان ماست که قابل فروش هستند. در صورت تمایل به خرید یکی از آنها، مبلغ پیشنهادی را از طریق فرم ارتباطی برای ما ارسال نمایید.

دامنه‌هایی که می‌تواند مصرف مذهبی داشته باشد:
دامنه‌هایی که می‌تواند مصرف تخصصی داشته باشد:
دامنه‌هایی که می‌تواند مصرف شخصی/عمومی داشته باشد: