یادداشت‌ها

»

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

کار با تصاویر در سمت سرور، بسته به زبان سمت سرور و افزونه‌های آن، کار نسبتا ساده‌تری است و با قدرت بیشتری می‌تواند انجام شود.
اما در سمت کاربر کار سخت‌تر است که با کمک کتابخانه‌هایی که وجود دارد، کمی آسان‌تر می‌شود و در این مطلب به چند مورد از آنها اشاره شده است.
بخشی از کار با تصاویر در سمت کاربر، به وسیله جاوااسکریپت و بخشی هم با قابلیت‌های html5, css3 (تگ canvas و ...) انجام می‌شود که در این مطلب بر آن تمرکز شده. بخش دیگر هم مربوط به مبحث نوین و عالی SVG است که در مطلب دیگری به آن پرداخته شد.

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

این مطلب در آینده تکمیل خواهد شد...

---

یادداشت‌های مرتبط

1. گرافیک برداری
2. سرویس های آنلاین رایگان برای نوشتن، تست و بهینه سازی کدهای برنامه نویسی
3. برنامه های تحت وب آفلاین، چرا و چگونه؟
4. نمودارها در صفحات وب
5. استفاده از فونت دلخواه در صفحات وب
6. نقشه Google در سایت شما
7. ابرکوکی و ذخیره ساز جدید HTML5
8. انیمیشن با CSS
9. همه چیز درباره داده ها و تصاویر Inline درون برنامه ای
10. طراحی وب واکنشی
11. روش های بهبود کیفیت آپلود فایل ها از طریق فرم های صفحات وب
12. تولید کپچای ضد گلوله!
13. تشخیص و کشف نوع، نام و مشخصات مرورگر کاربران سایت
14. کار با قابلیت Page Visibility و کاربردهای آن
15. قلمرو متغیرها در پی اچ پی و جاوا اسکریپت
16. اعتبارسنجی و شکل دهی فرم ها با استفاده از html5
17. کشیدن و انداختن (رها کردن)
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 با پی اچ پی و جاوا اسکریپت
37. نمونه کارهایی با اچ تی ام ال پنچ