این روش واکنشگرا کردن سایت ها نامش چیه و چجوری انجام میشه؟

[پروگرامنویس]

درود
حتما شما هم سایت هایی رو دیدید که وقتی توی مرورگر دسکتاب باز میکنید آدرسش با زمانی که تو مرورگر گوشی بصورت ریسپانسیو باز میشه متفاوته و اول آدرس یه پسوند ام دات بهش اضافه میشه
مثه سایت facebook.com که توی گوشی میشه m.facebook.com
میخواستم بدونم این روش واکنشگرا کردن سایت نامش چیه و چطوری انجام میشه.
یه پرسش دیگه هم داشتم از دید شما با توجه به تجربه تون بهترین روش برای واکنشگرا کردن یه تارنما چیه ؟
-بوت استرپ خوبه اما یه سری استایلهای پیشفرض تاخواسته داره (مثه مارجین های پیفرض کلاس های row یا col-) که واسه تنظیم بصورت دلخواه بعضی وقتا کلی مکافات داره .
-نظرتون چیه که مثلا بیایم دوتا فایل سی.اس.اس جدا یکی براین سخه دسکتاپ و یکی هم برای گوشی درست کنیم و توی صفحه اصلی سایت، لینک هر دو رو با شرط داشتن عرض مناسب در صفت مدیا مربوط به تگهای لینک تنظیم کنیم
- یا نه فقط یه فایل سی.اس.اس داشته باشیم و با دستور @media کلاس هامون رو تنظیم کنیم؟

سپاس

[سعید کشاورز]

میخواستم بدونم این روش واکنشگرا کردن سایت نامش چیه و چطوری انجام میشه.

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

یه پرسش دیگه هم داشتم از دید شما با توجه به تجربه تون بهترین روش برای واکنشگرا کردن یه تارنما چیه ؟

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

-بوت استرپ خوبه اما یه سری استایلهای پیشفرض تاخواسته داره (مثه مارجین های پیفرض کلاس های row یا col-) که واسه تنظیم بصورت دلخواه بعضی وقتا کلی مکافات داره .

همه این موارد قابل حل هست به شرط اینکه به صورت اصولی بوت استرپ رو بلد باشید

[پروگرامنویس]

معمولا وب سایت ها اسلایدر دارن. و توی موبایل با css اون اسلایدر رو مخفی میکنن..این کار یه مشکل داره..اونم اینکه کاربری که با موبایل میاد حجم اسلایدر براش محاسبه میشه ولی اون رو نمیبینه.
اما توی نسخه موبایل میتونیم بگیم اصلا اسلایدری وجود نداشته باشه که بخوایم اون رو مخفی کنیم.

دقیقا بنظر من هم یکی از ایرادهایی که در استفاده از سی.اس.اس یا بوت استرپ برای واکنشگرا کردن سایت وجود داره همینه که شما یه داده پر حجم رو میای تو موبایل از کاربر مخفی میکنی اما حجم اون بارگزاری میشه، و این زیاد خوب نیست!ولی از طرفی الان که تو نت گشتی برای مطلب "نسخه موبایل" زدم فهمیدم برای این روش مجبوریم دوتا سایت مجزا عملا درست کنیم یکی برای نسخه دستکتاپ یکی برایم موبایل که این وقت گیره.حالا اینکه کدوم بهتره گمونم بقول شما بستگی به سناریو داره ،اینکه از استایل دهی استفاده کنیم و از حجم ناخواسته در موبایل چشم پوشی کنیم یا مثه سایت فیثبوک وقت بزاریم برای طراحی دوتا سایت مجزا!؟

[سعید کشاورز]

دقیقا بنظر من هم یکی از ایرادهایی که در استفاده از سی.اس.اس یا بوت استرپ برای واکنشگرا کردن سایت وجود داره همینه که شما یه داده پر حجم رو میای تو موبایل از کاربر مخفی میکنی اما حجم اون بارگزاری میشه، و این زیاد خوب نیست!ولی از طرفی الان که تو نت گشتی برای مطلب "نسخه موبایل" زدم فهمیدم برای این روش مجبوریم دوتا سایت مجزا عملا درست کنیم یکی برای نسخه دستکتاپ یکی برایم موبایل که این وقت گیره.حالا اینکه کدوم بهتره گمونم بقول شما بستگی به سناریو داره ،اینکه از استایل دهی استفاده کنیم و از حجم ناخواسته در موبایل چشم پوشی کنیم یا مثه سایت فیثبوک وقت بزاریم برای طراحی دوتا سایت مجزا!؟

یه روش طراحی هست که بهش میگن Mobile First ...یعنی شما اول میای یه PSD طراحی میکنی و میگی مثلا توی موبایل باید به این شکل المان ها نمایش داده بشن.و بعد از اون میای المان های نسخه دسکتاپ رو طراحی میکنید.
اینجوری باعث میشه که کاربر حس کنه با اپلیکیشن موبایل کار میکنه..مثلا سایت آپارات رو در نظر بگیر...توی موبایل چک کن ببین چه خوب میشه باهاش کار کرد.
این روش به (موبایل فرست) به نظرم خیلی خوب میتونه جواب بده...اگه بد توضیح دادم درباره موبایل فرست سرچ کن