دوره آموزشی تصاویر واکنش گرا

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

اهداف یادگیری
نحوه پاسخگویی به تصاویر
افزودن Picturefill به سایت شما
واکنشگرا کردن تصاویر معمولی
استفاده از & lt؛ picture & gt؛ عنصر
شناسایی نقاط شکست و تغییرات طرح
استفاده از & lt؛ picture & gt؛ عناصر مورد نیاز برای نوع پشتیبان تصویر