توسط نیما صابری
11 فوریه 2017

چرا طراحی واکنش‌گرا یا Responsive ؟!

برای تشریح مفهوم واکنش‌گرایی نتایج مختلفی رو میشه با جستجو در وب پیدا کرد، اما بهترین و مختصرترین توضیح، همین نوشتاری هست که توسط ویکی‌پدیا ارائه شده :

طراحی وب واکنش‌گرا یا Responsive Web Design یک روش طراحی وب هست که هدف اون نمایش مطلوب صفحات در طیف گسترده‌ای از دستگاه‌ها، تلفن‌های همراه تا نمایشگر کامپیوترهای رومیزیه.
یک وب‌سایت طراحی شده به روش واکنش‌گرا با لایه‌های انعطاف‌پذیر، طراحی‌های شناور، تصاویر انعطاف‌پذیر و مدیا کوئری‌های CSS3 سازگاره. در اون برای اندازه عناصر صفحه به جای واحدهای مطلق مثل پیکسل یا پوینت از واحدهای نسبی مثل درصد استفاده شده و اندازه تصاویر انعطاف‌پذیر هم با واحدهای نسبی تعیین میشن …
علاوه بر این، مدیا کوئری‌ها یا Media Queries امکان استفاده از CSS های مختلف برای صفحه بر اساس ویژگی‌های دستگاه نمایش‌دهنده (معمولاً براساس عرض مرورگر وب و گاهی طول صفحه) فراهم می‌کنن.

light

نتیجه اینکه، حاصل یک طراحی واکنش‌گرا به صورت اصولی داشتن یک رابط کاربری وب با امکان نمایش مناسب در مرورگرهای مختلف موبایل، تبلت، لپ تاپ و کامپیوترهای خانگی با مانیتورهای مختلفه …

آثار منتخب

از بابت اجرا یا مشارکت در اونها خوشحالیم