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

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

طراحی سایت ریسپانسیو با طرح بندی شروع می شود که این قابلیت را دارد لغایت با پروا به صفحه ی نمایش منبسط و یا فشرده شود، برای این منظور در طرح بندی های جدید بیشتر از مقادیر و نسبت ها به جای اندازه و موقعیت مقاوم کاربرد می کنند.

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

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

ریسپانسیو شدن تصاویری که در تارنما به پیشه اسیر می شوند، گرد از موارد مهمی است که طراحان وب سایت باید ‌ به آن توجه کنند، به غیر از عکس ها وکتور که محدود به ابعاد پیکسلی نیستند، تصاویر با عرض و درازا مقاوم برای ریسپانسیو شدن اغلب مشکل ساز می شوند. برای رفع این دشوار می طاقت از تگ <picture> کاربرد کرد که از تگ های HTML5 محسوب می شوند و استفاده از تصاویر مختلف بسته به صفحه ی نمایش و بهره‌گیری خاصیت max-width از طریق های ریسپانسیو کردن تصاویر به آمار می آید.

یادگیری و استفاده از المان هایی مشابه تشخیص دستگاه، نشانه گذاری های پسندیده وسایر تکنیک های ریسپانسیو کردن دارای اهمیت زیاد می باشد و کارایی زیادی بر راحتی استفاده ی صفحه ی وب سایت شما برای کاربر می گذارد.

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

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