حتما تابحال با این موضوع روبرو شده اید که وقتی با موبایل یا تبلت خود در حال وبگردی هستید با صفحاتی مواجه شوید که از لحاظ سایز و اندازه با موبایل یا تبلت شما همخوانی نداشته باشند و برای دیدن مطلب یا لینک مورد نظر مادام عملیات zoom in و  zoom out کنید با تکنولوژی طراحی ریسپانسیو یا واکنش گرا ” Responsive design “  این مشکلات برطرف میشود.

ریسپانسیو چیست ؟

واژه ئ ریسپانسیو (responsive) به معنای “واکنش گرا”  یا “جواب گو” می باشد. علت این نامگذاری این است که در طراحی وب در بسیاری از مواقع نیاز به صفحاتی است که نسبت به سخت افزار کاربر اطلاعات را برای او نمایش دهند یا به عبارت دیگر “واکنش گرا” یا responsive باشند. برای مثال این صفحه ئ اینترنتی که در آن قرار دارید و در حال مطالعه ئ آن هستید یک صفحه ئ واکنش گرا است. به این معنی که اگر صفحه را در یک تبلت، گوشی هوشمند (smartphone) یا یک لپ تاب و یک کامپیوتر خانگی مشاهده کنید، در هر کدام از این دستگاه ها نوع نمایش متفاوتی از صفحه را مشاهده خواهید کرد و صفحه برای هر کدام از دستگاه ها شکل خاصی را بخود می گیرد و نسبت به سایز و بهتر بگویم resolution صفحه در هرکدام از دستگاه های مذکور شکل خاصی بخود می گیرد. برای مثال بعضی از element ها از صفحه حذف می شوند و بعضی دیگر بسته به resolution صفحه کوچک یا بزرگ می شوند.

فهمیدن اینکه صفحه واکنش گرا است یا بهتر بگویم قالب وبسایت واکنش گرا است یا نه، کار مشکلی نیست گرچه برای طراحان حرفه ای ابزارهای مناسبی وجود دارد تا صفحات خود را تست کنند اما به صورت ساده می توانید با resize کردن صفحه ئ مرورگر خود در کامپیوترتان به ویژگی واکنش گرا بودن قالب وبسایت پی ببرید. برای مثال می توانید صفحه ئ حاضر را کوچک یا بزرگ کرده، در این صورت خواهید دید که چینش اجزای صفحه تغییر می کند و حتی بعضی element ها و عناصر از صفحه حذف می گردند، این به این خاطر است که قالب سایت وبدار responsive است

و همانطور که با تکنولوژی ریسپانسیو آشنا شدید جای دارد که ذکر کنیم که قالب سایت سافت ایران هم برای استفاده کاربران گرامی در دستگاه های مختلف ریسپانسیو شده است .