10 اشتباه عمومی در استفاده از Bootstrap

اشتباه شماره 1: تصورات غلط از فریم ورک
تصورات غلط پایه ای درباره فریم ورک Bootstrap وجود دارد. شاید سایت اصلی واضح نیست یا مردم وقت کافی برای مطالعه راهنما نمی گذارند.
درنهایت اشتباهات توسعه دهنده های نرم افزار را به گردن فریم ورک می اندازند

Bootstrap جامع است ولی خیلی بزرگ نیست. Bootstrap به همراه طراحی پایه از HTML و CSS ارائه شده که شامل کامپوننت های رابط کاربری زیادی است. مانند جداول، فرم ها، دکمه ها، DropDown، لیبل ها و...
این فریم ورک همه کارها را انجام نمی دهد. اما زمان زیادی که برای طراحی رابط کاربری لازم است را به حداقل می رساند. Bootstrap با اینکه قابل توسعه است ولی محدودیت هایی نیز دارد.

 

اشتباه شماره 2: نیازی به دانستن CSS ندارید و حتی گرافیست هم نمی خواهید.
اگر فکر می کنید با استفاده از Bootstrap نیازی به دانستن CSS ندارید، سخت در اشتباه هستید. هر توسعه دهنده front-end باید به css و html مسلط باشد. Bootstrap بار زیاد از دوش طراحان برمیدارد بشرطی که روش استفاده از css را بدانند.

اشتباه شماره 3: تغییر در فایل CSS مربوط به Bootstrap
به صورت ساده تر: به هیچ وجه محتویات bootstrap.css را تغییر ندهید.

شاید در ابتدا جالب باشد که تغییرات خود را مستقیما در فایل اصلی اعمال کنید و نتیجه سریعا حاصل شود ولی وقتی Bootstrap را بروزرسانی می کنید همه چیز نابود خواهد شد!
همیشه یک فایل CSS جداگانه بسازید و بخش های مورد نظر را بازنویسی یا overwrite کنید.

اشتباه شماره 4: از همه پیشنهادات Bootstrap استفاده کنید

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

اشتباه شماره 5: سوء استفاده از modal
استفاده آسان و کاربردی ابزار modal، تنظیمات ساده و ... همه به جای خود ولی Bootstrap از چند modal به صورت همزمان و روی هم پشتیبانی نمی کند. بووووم! فقط یک modal نمایش داده خواهد شد. ممکن است modal زیر موارد دیگر پنهان شود و در نهایت modal در گوشی موبایل با کیبورد مجازی واقعا جالب نخواهد بود.

اشتباه شماره 6: ورودی فایل کجاست!
Bootstrap هیچ طراحی پیش فرضی برای ورودی فایل و آپلود ندارد.

اشتباه شماره 7:پیچیده شدن کدها با جاوااسکریپت و نادیده گرفتن ویژگی های "data-"
بیشتر امکانات Bootstrap به سادگی با ویژگی های data- در دسترس است. اصلا لازم نیست برنامه را پیچیده کنید.

اشتباه شماره 8:نادیده گرفتن ابزارهایی آسان سازی توسعه Bootstrap
ابزارهای رایگان زیادی برای کار با Bootstrap ساخته شده از طراحی تا ساخت قالب

اشتباه شماره 9: مشکلات IE8 و مرورگرهای قدیمی
Bootstrap برای نمایش در مرورگرهای جدید و موبایل طراحی شده و ممکن است در مرورگرهای قدیمی تر دچار مشکل شود.

اشتباه شماره 10: نادیده گرفتن مثال ها
همیشه قبل از استفاده از ابزارها به نمونه هایی که قبلا طراحی شده اند دقت کنید تا بهترین نتیجه را بگیرید.

 

- نظرات

برای ارسال نظر، لطفا وارد حساب خود شوید یا ثبت نام نمایید.