رفتن به مطلب

قالب ریسپانسیو یا واکنش گرا چیست؟


hostdownload

پست های پیشنهاد شده

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

این تنوع عرض از دستگاههای موبایل کوچک با کمتر از چند صد پیکسل شروع می شود و تا کامپیوترهای رو میزی که گاه عرض مانیتور آنها به چند هزار پیکسل میرسد را شامل می شود.

در گذشته سایت ها به گونه ای طراحی می شدند که از یک عرض پرکاربرد به بالا را پاسخ دهند (مثال ده سال پیش عرض 800 در ارتفاع 600 پیکسل به بالا و پنج سال پیش عرض 1024 در ارتفاع 768 اهمیت بیشتری برای طراحان قالب داشت) و بدیهی است که زمانی که یک عرض به عنوان عرض پایه برای طراحی در نظر گرفته می شود آن قالب نباید برای عرض های بزرگتر مشکلی داشته باشد اما مشکل از زمانی شروع می شود که قصد داشته باشیم در یک دستگاه با عرض کمتر سایت را مشاهده کنیم. در این زمان برای استفاده از صفحه اسکرول افقی در صفحه به وجود خواهد آمد که به دلیل دشوار نمودن پیمایش صفحات اینترنتی برای کاربر یک نکته ی بسیار منفی در طراحی محسوب می شود.

 

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

 

مهمترین دستور Css مرتبط با این موضوع min-width می باشد که اگر با اچ تی ام ال آشنایی داشته باشید موضوع به سرعت دست گیرتان می شود اما بنده قصد ندارم در اینجا وارد مباحث طراحی سایت شوم بنابراین از توضیح بیشتر در این خصوص خودداری می کنم.

 

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

 

 

what-responsive-300x208.jpg

 

 

 

منبع : لینک ها تنها برای اعضای سایت قابل نمایش است.

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

عالی

ولی چرا این همه توضیح

رسپانسیو رو میشه توی یک خط توضیح داد

اینجوری هیچکی نمیخونه

خلاصه همیشه بهتر عمل میکنه

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

بایگانی شده

این موضوع بایگانی و قفل شده و دیگر امکان ارسال پاسخ نیست.

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...