قالب ریسپانسیو با فریم ورک یا بدون فریم ورک؟

[i-php-i]

فریم ورکهای زیادی برای طراحی قالب ریسپانسیو وجود دارن ولی بنظرتون از این فریم ورکها برای ریسپانسیو کردن قالب استفاده کنیم یا خودمون کدها رو بنویسیم؟ از نظر شما کدومشون بهتره؟

[پیام حیاتی]

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

[i-php-i]

فریم ورکها برای ریسپانسویر کردن قالب مشکلی ندارن؟
مثلا وقتی ctr و کلید + رو می زنیم تا مرورگر زوم کنه قالب به هم نمی ریزه؟

کلا چنین مشکلاتی داره؟

[پیام حیاتی]

یکی از کارهای فریم ورک ها responsive کردن قالب هست که اگر طراح یا برنامه نویس علم کدنویسی این مورد رو داشته باشه مستقل از فریم ورک ها خواهد بود.

[i-php-i]

متوجه منظورتون نشدم!

[پیام حیاتی]

شما می تونید برای حالت های مختلف (رزولیشن های متفاوت در موبایل ، تبلت و...) کدهای مختص به همون حالت رو بنویسید که مثلا" اگر سایز تتغییر پیدا کرد چه اجزایی تغییر کنند و... .
حالا اگر نخواین خودتون بنویسید از فریم ورک ها استفاده می کنید.

[ABZiko]

کلا دوست عزیز به نظر بنده اگر شما کار با framework رو بلد باشین و باهاش کار نکنین، خیلی اشتباه کردین چون علاوه بر این که دوست عزیز آقای حیاتی فرمودند، شما می تونید از منو های رسپانسیو یا همون navbar استفاده کنید، از panel، دکمه ها و خیلی چیز های دیگه استفاده کنید که واقعا سریع، راحت و زیباست ، مخصوصا یک Framwork هایی هست که به صورت Flat UI هستند و تقریبا چیزی از Windows 8 کم نداره، به نظرم اگر کارتون یکم سنگین هست، فقط به سمت فریمورک برین.
پیروز باشید:چشمک:

[i-php-i]

کلا دوست عزیز به نظر بنده اگر شما کار با framework رو بلد باشین و باهاش کار نکنین، خیلی اشتباه کردین چون علاوه بر این که دوست عزیز آقای حیاتی فرمودند، شما می تونید از منو های رسپانسیو یا همون navbar استفاده کنید، از panel، دکمه ها و خیلی چیز های دیگه استفاده کنید که واقعا سریع، راحت و زیباست ، مخصوصا یک Framwork هایی هست که به صورت Flat UI هستند و تقریبا چیزی از Windows 8 کم نداره، به نظرم اگر کارتون یکم سنگین هست، فقط به سمت فریمورک برین.
مستندات بوت استرپ رو مطالعه کردم خیلی سادست ولی بعضی از دوستان می گن "وقتی ctr و کلید + رو می زنیم تا مرورگر زوم کنه قالب به هم می ریزه"

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

[بهزاد علی محمدزاده]

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

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

[mmdsharifi]

اگر طراحی حرفه ای می خواهید کار کنید که هم در کد و هم زمان تون صرفه جویی بشه
برید سمت Less ,و فریم ورک های آن مانند Preboot برای بوت استرپ هست.برای اطلاعات بیشتر Less freameWork رو جستوجو کنید.
یا سمت Sass که فریم ورک Campas رو داره خیلی هم قوی و قدرتمند .

حالا خودتون میاید فریم ورک اختصاصی خودتون رو می نویسید و در ده ها پروژه استفاده می کنید.
این روش بهتره چراکه استفاده از بوت استرپ 3 مثلا کار شما رو با بقیه یکی جلوه می ده که این اصلا جالب نیست و طرح های تکراری هر روز بیشتر و بیشتر میشه و ما بینیم که همه سایتها شبیه به هم شدن!!

البته بوت استرپ رو هم میشه یه جورایی اختصاصی کرد که اگر ان اشاالله عمری باقی باشه در موردش یه مقاله می نویسم.
ولی فعلا اگر بوت استرپ رو انتخاب می کنید.حتما حتما این مقاله رو بخونید:
http://www.codeproject.com/Articles/594098/How-to-customize-Twitter-Bootstrap-to-fit-your-web

[mmdsharifi]

این لینک هم مفیده برای less css:
http://barnamenevis.org/showthread.php?471446-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D9%BE%D8%A7%D8%B1%D8%B3%DB%8C-less

[i-php-i]

برای قالب ریسپانسیو بوت استرپ فقط باید چندتا کلاسی که داده رو توی کدها قرار داد و همین چند کلاس رو تغییر داد؟

[ABZiko]

آره، مثلا باید از row و col ها برای سطر و ستون بندی استفاده کنید، خیلی راحته!
سوالی داشتین بپرسین.:چشمک:

[uthman]

اگه تخصص کافی دارید خودتون بنویسید . تو این فریم ورک ها تمام شرایط یک سایت رو در نظر گرفته در صورتی که بیشتر سایت هایی که از این فریم ورک ها استفاده می کنند فقط به 20 الی 30 درصد کدهای css و js آن نیاز دارند . و همین باعث افزایش لود صفحات و سنگین شدن سایت میشه .
این رو هم بگم که نوشتن یک سایت رسپانسیو اصلا سخت نیست .

[saeed410]

سلام. منم کار کردن با فریم وورک ها رو پیشنهاد میکنم. و BOOTSTRAP رو پیشنهاد میدم.فریم وورکها این قابلیت رو هم دارند که بتونید بعضی از قسمتهای که مورد نیازتون نیست رو حذف کنید. تا اضافه لود نشن.

[ma-pedram]

دوستانی که معتقدند از فریم ورک استفاده نکنیم حرفشون درسته به این دلیل که مثلا بوت استرپ بعضی جاها خیلی زیاده و معمولا توی بهینه سازی سایت (http://www.webwe.ir) مشکل ایجاد میکنه. شما سایت های بوت استرپ را با gtmatrix تست کنید نگاه کنید همیشه js هایی هست که نمی شود کامپایلش کرد کاملا. اما اینجا بحث فقط سرعت سایت نیست توجه داشته باشید ما با مفهوم تجربه کاربری هم طرفیم. فریم ورک مثلا بوت استرپ باعث زیبایی و روانی سایت می شود استانداردش می کند تجربه کاربری بهتری می دهد.

[SEO Artist]

فریم ورکهای زیادی برای طراحی قالب ریسپانسیو وجود دارن ولی بنظرتون از این فریم ورکها برای ریسپانسیو کردن قالب استفاده کنیم یا خودمون کدها رو بنویسیم؟ از نظر شما کدومشون بهتره؟

شما می تونید از فریم ورک های حرفه ای مثل Bootstrap و Foundation Zurb استفاده کنید.

[i-php-i]

آره، مثلا باید از row و col ها برای سطر و ستون بندی استفاده کنید، خیلی راحته!
سوالی داشتین بپرسین.:چشمک:
فقط با همین کلاسهای row و col می شه قالب ریسپانسوی نوشت بدون اینکه کار اضافه ای انجام داد؟ یعنی نیاز نیست دیگه کلاسها و متغیرهای اختصاصی تعریف کنیم؟

این بخش دقیقا کارش چیه؟
Less mixins and variables (http://getbootstrap.com/css/#grid-less)