سلام دوستان D:
دوستان من میخواستم ببینم حتما باید از فریمورک های css استفاده کرد یا نه؟
چون من یک بار یه سایتی رو با css خالی(منظورم فلکس باکس هست ) استایل دادم ولی توی مرورگر های مختلف به هم میخورد و مجبور شدم با w3.css استایل بدم.
با تشکر که وقت میذارید.
سلام
کلا کار فریم ورک اینه که کار شما رو ساده تر، سریع تر و با کیفیت تر کنه ولی اگر به هر دلیلی دوست ندارید اجباری نیست.
اما اینکه کدتون تو مرورگرهای مختلف به مشکل بر می خوره باید کد مورد نظر رو بررسی کنید. یه زمانی اون کد تو مرورگر مورد نظر خوب پشتیبانی نمی شه یه زمانی لازمه با کلماتی مثل -moz و -webkit و ... استایل رو اعمال کنید.
سعی کن تو پروژه ات اگر از بوت استرپ هم استفاده نمی کنی از reset.css اون استفاده کنی تا تنظیمات پروژه ات تو مرورگرهای مورد نظر بصورت پیش فرضش درست بشه.
حتی می تونی از بوت استرپ بصورت custom استفاده کنی. یعنی فقط بخش grid بندیش رو دانلود کنی که حجمش شاید زیر 10 کیلوبایت بشه و لازم هم نباشه از اول دوباره خودت گرید بندی کنی
ولی بصورت کلی نمی شه علت دقیق رو گفت چون شما نه عکس و نه کدی اینجا گذاشتی و نه گفتی کدوم خاصیت تو کدوم مرورگر و چه نسخه به مشکل برخورده بهمین خاطر نمی شه صریحا نظر داد
شاید پاسخ شما همینجا باشد
و اما پیشنهادم اینه که برای شروع حتما با کتابخانه های درست و درمونی مثل بوت استرپ کار کنید تا منطق کاریش دستتون بیاد و هرجاییش براتون سوال بود که چطور پیاده سازی کرده برید کدهاش رو بررسی موشکافانه بکنید و مسلط بشید. بعد از یک مدت که این کارو کردید خودتون به این نتیجه میرسید که دیگه نیازی بهشون ندارید و خیلی راحت با حجم کد خیلی کمتر میتونید همون کارو پیاده سازی کنید. دستتون هم خیلی باز تر میشه اون وقت.
این که میفرمایید flexbox تو مرورگرهای مختلف هم درست عمل نکرده احتمالا علتش استفاده از flexbox نیست. چون نسخه جدید گریدبندی بوت استرپ کلا بر مبنای flexbox نوشته شده. شاید علتش استفاده نادرست شما بوده باشه و شاید هم عدم استفاده از prefix های لازم مثل moz و webkit و ...
سلام
قطعا اجبار نیست که حتما استفاده کنید ولی خوب کارتون رو راحت تر میکنه شما میتونید از w3.css استفاده کنید یا از bootstrap و خوب اگه از تمام بخش هاش استفاده ندارید میتونید شخصی سازیش کنید یا اینکه داخل خود سایت bootstrap نسخه کم حجم تر بود که یه سری چیزها رو نداشت الان گشتم پیداش نکردم ولی در نهایت چرا استفاده نکنیم وقتی کارمون رو ساده تر میکنه در مورد حجمش هم شما میتونید شخصی سازیش کنید چه bootstrap رو چه w3.css رو
w3.css نسبت به bootstrap کم حجم تره خوب البته یه سری چیز ها رو نداره ولی bootstrap رو خیلی ها میخوان که در قالب سایت استفاده کنید (ترجیح میدن از bootstrap استفاده کنید )
و اگه از bootstrap استفاده کنید میتونه براتون بهتر باشه خوب قالب های آماده bootstrap خیلی هست
و دلیلی نیس که شما وقتی خودتون css سایت رو مینویسید در کنارش از bootstrap یا w3.css استفاده نکنید
من که ترجیح میدم از bootstrap استفاده کنم و خوب اجباری هم نیس ولی خوب شما میتونید نسخه کامپایل نشدش رو دانلود کنید (sass) و خودتون ویرایش کنید اونجوری که تمایل دارید.
دو حالت داره:
1) اگر کدنویسی هستید که مهارت بالایی در طراحی و پیاده سازی داره، بدون چارچوب هایی نظیر بوت استرپ می تونید طراحی خاص تر و سفارشی تری رو صورت بدین.
2) اگر قصد دارید طراحی تَر تَمیزی رو صورت بدین / در سطح حرفه ای نیستید یا هستید ولی نیاز به طراحی خاص و سفارشی ای در کار نیست، در این موارد استفاده از چارچوب های از پیش آماده نظیر بوت استرپ می تونه مفیدتر باشه.
صحبت و نظر شما رو خیلی پَسَند می کنم @mhyeganeh 👍
فکر میکنم استفاده از واژه فریم ورک برای امثال Bootstrap و materialize و ... زیاد درست نباشه. بیشتر کتابخانه محسوب میشن تا فریم ورک.
و اما پیشنهادم اینه که برای شروع حتما با کتابخانه های درست و درمونی مثل بوت استرپ کار کنید تا منطق کاریش دستتون بیاد و هرجاییش براتون سوال بود که چطور پیاده سازی کرده برید کدهاش رو بررسی موشکافانه بکنید و مسلط بشید. بعد از یک مدت که این کارو کردید خودتون به این نتیجه میرسید که دیگه نیازی بهشون ندارید و خیلی راحت با حجم کد خیلی کمتر میتونید همون کارو پیاده سازی کنید. دستتون هم خیلی باز تر میشه اون وقت.