با ورود صفحه نمایش های جدید خیره کننده مانند صفحه نمایش Apple Retina به بازار، بسیاری از طراحان می خواهند یاد بگیرند که چگونه سایت های خود را برای شبکیه چشم آماده کنند. این دوره چندین گزینه برای بهینه سازی گرافیک و سایر مطالب ارائه می دهد تا در نمایشگرهای شبکیه (یا HiDPI) و غیر شبکیه به طور یکسان عالی به نظر برسد. نویسنده برایان وود شامل ترکیب فونت‌های آیکون و فاویکون‌ها، بهینه‌سازی تصاویر SVG و درون خطی، و نمایش تصاویر واکنش‌گرا با استفاده از CSS، جاوا اسکریپت و راه‌حل پلی‌فیل PictureFill است.

چرا خود را به تصاویر درون خطی و متن ثابت محدود کنید، به خصوص در دوران چند پلتفرمی ما؟ رسانه های واکنش گرا به شما امکان می دهند محتوای بیشتری را با افراد بیشتری به اشتراک بگذارید. آنچه را که برای ساختن صفحات غنی از تصویر و تایپوگرافی (با ویدیوی HTML5!) که به درستی در دستگاه های مختلف نمایش داده می شود، بدانید. کریستوفر اشمیت همچنین به شما نشان می‌دهد که چگونه طرح‌بندی‌های با عرض ثابت را به طرح‌بندی‌های شبکه‌ای سیال تبدیل کنید که با اندازه‌های مختلف صفحه‌نمایش سازگار هستند، از پرسش‌های رسانه‌ای برای ارائه تجربیات طراحی سفارشی استفاده کنید، و تصاویر PNG، JPEG و SVG را آماده و بازیابی کنید تا بهترین ظاهر را داشته باشند. .

بیاموزید که چگونه تایپوگرافی زیبا، کاربردی و به راحتی در تبلت ها، تلفن ها و رایانه ها در هر نوع و اندازه ایجاد کنید. طراح Val Head به شما نشان می دهد که چگونه فونت های وب با کیفیت را انتخاب کنید، مقیاس و ریتم تایپوگرافی را در سراسر طراحی خود ایجاد کنید، و پشته های فونت ضد گلوله بسازید. به علاوه، نحوه استفاده از پرس و جوهای رسانه ای و قوانین CSS را بیاموزید تا نوع خود را در هر اندازه ای عالی نگه دارید. این دوره مجموعه ای از بهترین روش ها و تکنیک ها است که به زودی بخشی ضروری از جعبه ابزار هر نوع تایپ وب خواهد بود.