تصاویر واکنش گرا

تصاویر ریسپانسیو تحول بعدی در طراحی وب هستند. با این بهترین سناریوهای واقعی برای پیاده سازی تصاویر واکنش گرا در سایت های تولیدی، نحوه پیاده سازی آنها را امروز بیاموزید. مورتن رند-هندریکسن توضیح می‌دهد که تصاویر واکنش‌گرا چیست و چگونه کار می‌کنند، و نحوه استفاده از Picturefill JavaScript polyfill برای کارکردن تصاویر واکنش‌گرا در مرورگرهایی که هنوز از آنها پشتیبانی نمی‌کنند. سپس دو نوع اصلی عکس‌های واکنش‌گرا را بررسی کنید (با استفاده از تگ با srcset و w و تگ جدید)، و با نمونه‌های کد آماده تولید در پنجره تمرین کار کنید تا تجربه پیاده‌سازی عملی داشته باشید.