دوره آموزشی آماده سازی سایت خود برای شبکیه چشمآماده سازی سایت خود برای شبکیه چشم

با ظهور صفحه‌نمایش‌های با کیفیت بالا مثل رتینا (Apple Retina Display)، بسیاری از طراحان دوست دارند یاد بگیرند چطور سایت‌هایشان را برای این نمایشگرها بهینه کنند. در این دوره، روش‌های مختلفی برای بهینه‌سازی گرافیک‌ها و محتوا معرفی می‌شود تا سایت شما روی نمایشگرهای معمولی و رتینا، عالی به نظر برسد.

در این دوره، برای بهینه‌سازی نمایش گرافیک‌ها و تصاویر، یاد می‌گیرید که چطور از:

فونت‌های آیکون و فاوآیکون‌ها استفاده کنید
تصاویر SVG و inline را بهینه کنید
تصاویر واکنش‌گرا (Responsive) را با CSS، جاوا اسکریپت و PictureFill مدیریت کنید
اهداف یادگیری:
آشنایی با مفهوم HiDPI و نمایشگر رتینا
افزودن اولین فونت آیکون به سایت
ایجاد افکت‌های هاور (Hover) و انیمیشن برای گرافیک‌ها
بهینه‌سازی فایل‌های SVG و تصاویر inline
ایجاد و تنظیم فاوآیکون‌ها (Favicons)
نمایش تصاویر باکیفیت بالا روی نمایشگرهای HiDPI