در عصر دیجیتال امروز ، داشتن یک وب سایت پاسخگو دیگر اختیاری نیست -

این مقاله نکات و ترفندهای اساسی را برای ایجاد توسعه دهندگان مدرن ارائه می دهد

یک رویکرد موبایل اول را اتخاذ کنید

شروع با طراحی موبایل و شهریور‌س مقیاس گذاری یک رویکرد بسیار توصیه شده است.

از طرح بندی شبکه سیال استفاده کنید

طرح شبکه سیال ستون فقرات یک طراحی پاسخگو است. بوت استرپو بنیاد

بهره برداری از رسانه ها

پرس و جوهای رسانه ای تکنیک های CSS هستند که بر اساس اندازه صفحه نمایش سبک ها را اعمال می کنند

• نقاط شکست را تنظیم کنید: نقاط شکست را برای

• اندازه قلم را تنظیم کنید: از رسانه استفاده کنید

• طرح را اصلاح کنید: تنظیم مجدد یا

• تصاویر پاسخگو: خدمت کنید

• تست در دستگاه ها: اطمینان حاصل کنید

تصاویر را برای دستگاه های مختلف بهینه کنید

تصاویر می توانند عملکرد یک وب سایت را ایجاد یا از بین ببرند. از نظر تصویروتبا رنگ ریزمی تواند به شما در فشرده سازی تصاویر بدون قربانی کردن کیفیت کمک کند.

طراحی پاسخگو فقط مربوط به اندازه صفحه نمایش نیست - این نیز در مورد دسترسی است. محتوای وب یک مرور کلی از استانداردهای قابل دسترسی ارائه دهید.

پایان

ایجاد وب سایت های پاسخگو نیاز به برنااردیبهشت‌ ریزی دقیق ، آزمایش و عمیق دارد

ترکیب این نکات و ترفندها در گردش کار شما نه تنها بهبود می یابد

برای منابع بیشتر در مورد طراحی وب پاسخگو ، بررسی کنیداسناد وب MDN و Smashingراهنمای مجله