طراحی واکنش گرا روشی است که با استفاده از سیستم مدیریت محتوا، قالب سایت را به طور خودکار با اندازه صفحه نمایش هماهنگ می کند. ابتدا برای سایت های شخصی که افراد نمونه کارهایشان را در آنبه نمایش بگذارنداستفاده میشد اما کم کم فراگیر شد و امروزه تقریبادر هر نوع سایتی با اهداف و کارایی های مختلفبه کار برده میشود.
اگر کاربر با تبلت یا موبایل وارد سایتی شود که طراحی آن واکنش گراست، قالب سایت واکنش نشان می دهدو با اندازه صفحه نمایش هماهنگ میشود. فهرست هم بالای سایت جمع میشود و به صورت یک دکمه تبدیل میشودو با کلیک کاربر باز میشود. عکسی که معمولا بالای سایت ها میگذارند ، کوچک تر میشود و با صفحه تبلت و موبایل هماهنگ میشود. عرض نوشته زیر عکس هم با عرض صفحه نمایش منطبق میشود. اما وقتی همین سایت با کامپیوتر بازشود، فهرست بدون نیاز به کلیک قابل مشاهده است و عکس و نوشته فضای بیشتری را اشغال می کنند. راز کار طراحی های واکنش گرا همین است: در هر دستگاهی نسبت به اندازه صفحه نمایشش، به اندازه ای اطلاعات سایت را نشون میدهد که صفحه نا مرتب نشود
طراحی واکنش گرا چطور کار می کند؟
سایت های واکنش گرا با استفاده از CSS تنظیم می کنند که بستگی به اندازه صفحه نمایش، کدام مطالب کجای صفحه نمایش داده شود. به عبارت دیگه جای مطالب، عکس ها و فهرست های جهت یاب را تغییر میدهد تا با تعداد پیکسل های موجود هماهنگ شود. حتی لوگو و عناصر گرافیکی هم می توانید از صفحه نمایش های معمولی کامپیوتر تا تبلت و موبایل تغییر اندازه بدهید.
مزایای تغییر سایت به یک سایت واکنش گرا
معمولا عناصر تجملاتی کنار طراحی های واکنش گرا قرار میگیرند، اسم این طراحی ها خیلی ها را میترسانند. درست است که طراحی واکنش گرا کار آسانی نیست، اما با این وجود بیشتر شرکت ها هم طراحی سایت واکنش گرااستفاده میکنند. به علاوه دنیای وب دارد به سمت استفاده از طراحی های واکنش گرا پیش میرود،