سلام به دوستان عزیز،
روز پنجم: طراحی واکنشگرا یا Responsive
یکی از کلمات پرکاربرد که از زبان طراحان وب و حتی کاربران مختلف به کرات شنیده میشود، واکنشگرایی سایت یا Responsive بودن یا پاسخگو بودن سایت است. حالا این Responsive بودن چیست، چرا انقدر مهم هست که همه در بارهش صحبت میکنند،
همایش تخصصی در مورد آن برگزار میکنند و روی ریسپانسیو بودن سایت تاکید دارند ؟
در پنج ثانیه میتوان فهمید آیا سایتی ریسپانسیو یا واکشنگرا هست یا نه! همین الان (اگر بر روی کامپیوتر یا لپتاپ هستید)، اندازه پنجره مروگرتان را کوچک کنید. آیا چیدمان و ترکیب بخشهای سایت برای جا شدن در این پنجره کوچکتر تغییر میکند؟ اگر جواب مثبت است، پس این سایت responsive هست. اگر این کار را با سایت انجمن برنامه نویس انجام دهید، متوجه خواهید شد که این سایت Responsive طراحی نشده است.
علت آن این است که با افزایش تعداد وسیلههایی که صفحه نمایش آنها کوچکتر از کامپیوتر هست، یعنی تبلت و موبایل، درست دیده شدن سایت و به هم نریختن چیدمان آن اهمیت ویژه پیدا کرده است. امروزه درصد زیادی از مردم از تبلت یا موبایل برای گشت و گدار در وب استفاده میکنند. بنابراین صاحبان سایتها میخواهند سایتشان را طوری طراحی کنند که تمام مخاطبان آنها، مستقل از اندازه صفحه نمایش شان، بتوانند سایت را به درستی مشاهده کنند. امروزه هر سایت مدرنی حتماً باید واکنشگرا باشد.
سایت
time.ir یا
http://www.w3schools.com را ببنید. چند ثانیه اندازه پنجره را به دلخواه تغییر بدهید. مشاهده میکنید که ساختار سایت در لحظه تغییر میکند تا نیازی به اسکرول افقی نباشد و مخاطب سایت را به خوبی ببیند.
خبر خوب این است که طراحی واکنشگرا به همان اندازه که مهم است، به همان اندازه هم آسان است.
Capture.PNG
مطالعه بیشتر:
+،
+ ،
+
پ.ن: در حین نوشتن این مطلب یادم اومد که امروز قرار بود HTM5 و CSS3 رو بگم. و فردا واکنشگرایی رو. ولی بر عکس شد! مهم نیست. کسی حواسش نیست ;)
فردا در مورد یکی از بزرگترین اتفاقات دنیای وب یعنی پیدایش و گسترش استفاده از HTM5 و CSS3 خواهم گفت.
اگر مطلبی، دغدغهای، سوالی چیزی دارید، مطرح کنید، سعی میکنم به درستی و با دقت جوابتون رو بدهم.
فعلا شب خوش تا فردا