Learning Responsive Web Design: A Beginner's Guide

با یادگیری اصول طراحی وب ریسپانسیو، یک تجربه کاربری بهینه را به همه دستگاه‌ها - از جمله تبلت‌ها، تلفن‌های هوشمند، تلفن‌های هوشمند، لپ‌تاپ‌ها و صفحه‌نمایش‌های بزرگ- ارائه دهید. در این راهنمای عملی، Clarissa Peterson، طراح تجربه کاربری، نحوه عملکرد طراحی وب واکنش‌گرا را توضیح می‌دهد و شما را در جریان کار واکنش‌گرا از شروع پروژه تا راه‌اندازی سایت راهنمایی می‌کند.

ایده‌آل برای هر کسی که در فرآیند ایجاد وب‌سایت دخالت دارد— نه فقط توسعه دهندگان - این کتاب به شما استراتژی ها و تکنیک های اساسی برای استفاده از HTML و CSS برای طراحی وب سایت هایی را می آموزد که نه تنها با هر اندازه صفحه سازگار هستند، بلکه از پیشرفت های پیشرونده برای ارائه تجربه کاربری بهتر بر اساس قابلیت های دستگاه مانند صفحه نمایش لمسی و صفحه نمایش شبکیه استفاده می کنند. .

• قبل از ایجاد یک طراحی بصری با استراتژی محتوا شروع کنید
• بیاموزید که چرا طراحی پیش‌فرض شما باید برای باریک‌ترین صفحه‌ها باشد
• عناصر HTML را کاوش کنید و ویژگی‌های CSS برای طراحی وب واکنش‌گرا ضروری است
• از پرس‌وجوهای رسانه‌ای برای نمایش سبک‌های مختلف CSS بر اساس عرض نمای دستگاه استفاده کنید
• عناصری مانند تصاویر، تایپوگرافی و ناوبری را مدیریت کنید
<. li>از تکنیک های بهینه سازی عملکرد برای ساخت استفاده کنید سایت شما سبکتر و سریعتر است

Deliver an optimal user experience to all devices—including tablets, smartphones, feature phones, laptops, and large screens—by learning the basics of responsive web design. In this hands-on guide, UX designer Clarissa Peterson explains how responsive web design works, and takes you through a responsive workflow from project kickoff to site launch.

Ideal for anyone involved in the process of creating websites—not just developers—this book teaches you fundamental strategies and techniques for using HTML and CSS to design websites that not only adapt to any screen size, but also use progressive enhancement to provide a better user experience based on device capabilities such as touchscreens and retina displays.

• Start with content strategy before creating a visual design
• Learn why your default design should be for the narrowest screens
• Explore the HTML elements and CSS properties essential for responsive web design
• Use media queries to display different CSS styles based on a device’s viewport width
• Handle elements such as images, typography, and navigation
• Use performance optimization techniques to make your site lighter and faster