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

یادداشت‌ها

»

کار با تصاویر در سمت کاربر

کار با تصاویر در سمت سرور، بسته به زبان سمت سرور و افزونه‌های آن، کار نسبتا ساده‌تری است و با قدرت بیشتری می‌تواند انجام شود.
اما در سمت کاربر کار سخت‌تر است که با کمک کتابخانه‌هایی که وجود دارد، کمی آسان‌تر می‌شود و در این مطلب به چند مورد از آنها اشاره شده است.
بخشی از کار با تصاویر در سمت کاربر، به وسیله جاوااسکریپت و بخشی هم با قابلیت‌های html5, css3 (تگ canvas و ...) انجام می‌شود که در این مطلب بر آن تمرکز شده. بخش دیگر هم مربوط به مبحث نوین و عالی SVG است که در مطلب دیگری به آن پرداخته شد.
  • jQuery pixelate plugin
    با کمک این پلاگین 1 کیلوبایتی می‌توانید تصاویر را pixelate و شطرنجی کنید و میزان شطرنجی بودن را هم تنظیم کنید. در پیش نمایش این پلاگین، با رفتن موس روی تصویر شطرنجی، تصویر واضح می‌شود و با کنار رفتن موس مجددا شطرنجی می‌شود مگر آنکه روی تصویر کلیک کنید.
  • BBC Imager
    این پلاگین ساده اما کارا، توسط تیم خبرگزاری BBC تولید شده است و هدفش این است که بجای بارگذاری تصویر با ابعاد بزرگ، تصویری با ابعاد قابل دسترس در وسیله کاربر را از سرور درخواست کند. مثلا اگر ستون کناری در تبلت کاربر تنها 200 پیکسل است، تصویری با عرض 200 پیکسل را برای آن درخواست کند.
    طبعا برای این درخواست، در سمت سرور نیز یک برنامه resizer ساده لازم است تا تصویر را در ابعادی که درخواست شده، برای کاربر ارسال نماید.



این مطلب در آینده تکمیل خواهد شد...
یادداشت‌های مرتبط
  1. کشیدن و انداختن (رها کردن)
  2. گرافیک برداری
  3. سرویس های آنلاین رایگان برای نوشتن، تست و بهینه سازی کدهای برنامه نویسی
  4. برنامه‌های تحت وب آفلاین، چرا و چگونه؟
  5. نمودارها در صفحات وب
  6. استفاده از فونت دلخواه در صفحات وب
  7. نقشه Google در سایت شما
  8. ابرکوکی و ذخیره‌ساز جدید HTML5
  9. انیمیشن با CSS
  10. همه چیز درباره داده‌ها و تصاویر Inline درون برنامه‌ای
  11. طراحی وب واکنشی
  12. روش های بهبود کیفیت آپلود فایل ها از طریق فرم های صفحات وب
  13. تولید کپچای ضد گلوله!
  14. تشخیص و کشف نوع، نام و مشخصات مرورگر کاربران سایت
  15. کار با قابلیت Page Visibility و کاربردهای آن
  16. قلمرو متغیرها در پی‌اچ‌پی و جاوا اسکریپت
  17. اعتبارسنجی و شکل‌دهی فرم‌ها با استفاده از html5
  18. دسترسی کامل به عناصر آدرس در جاوا اسکریپت
  19. حذف درخواست اضافه تصویر انیمیشن لودینگ
  20. ادیتورهای محتوای غنی‌شده برای صفحات وب
  21. html نسخه 5
  22. پخش‌کننده‌های فایل صوتی تصویری در صفحات وب
  23. برنامه نویسی اندروید
  24. بهینه سازی و کاهش حجم تصاویر برای استفاده در صفحات وب
  25. درباره نود جی اس
  26. افکت‌های متن با جاوا اسکریپت و جی‌کوئری
  27. خطا در جاوا اسکریپت
  28. پایگاه داده در جاوا اسکریپت
  29. روش‌ها و تکنیک‌های پنهان کردن ایمیل
  30. زوم (zoom) و بزرگنمایی تصویر و متن با جاوا اسکریپت و پی اچ پی
  31. کشف فونت‌های نصب شده در کلاینت
  32. بازی با زمان!
  33. بهینه سازی آنلاین سی‌اس‌اس و جاوا اسکریپت
  34. استفاده از Media Queries ها و اصلاح عدم پشتیبانی IE6-8
  35. چند لینک جامع برای یادگیری جاوا اسکریپت
  36. انواع راه‌های تولید کد QR با پی اچ پی و جاوا اسکریپت

مدیریت

نام وسیله

اعتبار ورود

نام کاربری

رمز عبور

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

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

تبلیغات

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

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