بلاگ تخصصی دات نت نیوک ایران

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

بلاگ تخصصی دات نت نیوک ایران

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

این بلاگ با هدف رشد و فراگیر شدن دات نت نیوک در بین فارسی زبانان و مرجع کاملی برای شروع دات نت نیوک ، یادگیری، دانلود ماژول و اسکین، ماژول نویسی و فارسی سازی و اخبار روزانه آن خواهد بود

نویسندگان

طراحی رسپانسیو (واکنش گرا)چیست؟

سه شنبه, ۱۹ فروردين ۱۳۹۳، ۰۳:۳۹ ب.ظ

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

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

چگونه بفهمیم صفحه ریسپانسیو است؟

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

موافقین ۰ مخالفین ۰ ۹۳/۰۱/۱۹

نظرات (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی