بوت استرپ چیست ؟ استفاده از بوت استرپ برای طراحی سایت
بوت استرپ یا Bootstrap یک فریمورک یا یک جعبهابزار یا مجموعهای از کدها است که برای طراحی رابط کاربری در طراحی سایت به کار میرود. بوت استرپ دارای امکانات مختلفی است:
- طراحی سایت واکنشگرا
- تایپوگرافی
- فرمها
- دکمهها
- منوها
- آیکونها
- افزونههای jQuery
- و کامپوننتهای کاربردی دیگر
بوتاسترپ مجموعهای از کدهای HTML، CSS و JavaScript است که بهطور اختیاری میتوانید از آنها استفاده کنید. کدهای JavaScript در بوتاسترپ بر پایه jQuery توسعه یافتهاند.
این کتابخانه متنباز، پس از freeCodeCamp که یک مرجع آموزشی معتبر است، دومین مخزن محبوب در گیتهاب به حساب میآید.
نسخه ۴ بوتاسترپ از تمامی مرورگرهای متداول پشتیبانی میکند، اما نسخههای ۹ و قدیمیتر Internet Explorer در این نسخه پشتیبانی نمیشوند.
تاریخچه بوتاسترپ
بوتاسترپ در ابتدا توسط دو توسعهدهنده شرکت توئیتر برای استفاده داخلی طراحی شد و نام اولیه آن Twitter Blueprint بود. با گذشت زمان و اضافه شدن قابلیتهای بیشتر، نام پروژه به Bootstrap تغییر یافت و بهصورت رایگان و متنباز در گیتهاب منتشر شد.
نسخههای ۱، ۲ و ۳ و در حال حاضر نسخه ۴ بوتاسترپ با ویژگیهای جدید و عملکرد بهتر نسبت به قبل عرضه شدهاند.
طراحی ریسپانسیو
آخرین نسخه بوتاسترپ بهطور پیشفرض برای طراحی وبسایتهای ریسپانسیو یا واکنشگرا بهینه شده است. در مدل Mobile First، فرض بر این است که کاربران بیشتر از دستگاههای موبایل استفاده میکنند و قابلیتهای دیگر به این حالت اصلی (یعنی موبایل) افزوده میشود.
برخی فریمورکهای دیگر تمرکز اصلی خود را بر روی کاربران دسکتاپ قرار میدهند و سپس به طراحی برای کاربران موبایل میپردازند.
مزایا و معایب استفاده از بوت استرپ در طراحی سایت
مزایای استفاده از بوت استرپ
- افزایش سرعت توسعه
- طراحی سایت واکنشگرا با کیفیت بالا
- افزایش توسعهپذیری رابط کاربری توسط توسعهدهندگان دیگر
- امکانات زیاد برای ایجاد سایت یا نرمافزار آنلاین با کاربری آسان
- یادگیری آسان
- پشتیبانی بهتر از مرورگرهای مختلف
معایب استفاده از بوت استرپ
- افزایش حجم سایت
- کاهش سرعت رابط کاربری
- بدون انجام سفارشیسازی، ظاهر سایت با هزاران سایت دیگر شبیه خواهد بود
- افزایش محدودیت در طراحی رابط کاربری
- مشکل بودن پیادهسازی برخی طرحها و قابلیتهای سفارشی
استفاده از بوت استرپ چه زمانی توصیه میشود ؟
بسته به اینکه طرح گرافیکی سایت به چه صورت باشد، چه مقدار زمان و هزینه بنا است برای این کار صرف شود و اینکه سرعت و حجم سایت تا چه میزان اهمیت دارد، میتوان برای استفاده یا عدم استفاده از بوت استرپ تصمیمگیری نمود.
بهترین محل برای استفاده از بوتاسترپ، دشبوردهای مدیریت سایت، نرمافزارهای کاربردی تحت وب و سایتهایی است که خدمات آنلاین ارائه مینمایند.
برای طراحی سایتهای اطلاعرسانی، به دلیل اینکه اغلب بخشهای بوتاسترپ بیاستفاده باقی میمانند، استفاده از یک فریمورک ریسپانسیو سبکتر و سادهتر مثل Pure یا موارد مشابه دیگر شاید گزینهای بهتر به حساب آید.
بوت استرپ ۴
آخرین نگارش بوت استرپ با بازنویسی بخشهای مهمی از سیستم اکنون در دسترس است. مهمترین ویژگیهای این نگارش عبارتند از:
- حذف پشتیبانی از مرورگرهای قدیمی
- حذف برخی کامپوننتها
- استفاده از واحد rem به جای px
- استفاده از flexbox برای انعطاف بیشتر
- تغییر ظاهر گرافیکی به شکل صاف یا Flat
بوت استرپ فارسی
بوتاسترپ از زبان فارسی و به طور کلی از زبانهای راست به چپ پشتیبانی نمیکند. جهت رفع این مشکل، افراد و گروههای مختلف با انجام اصلاحات لازم، نسخههای فارسی شده یا راست به چپ بوت استرپ را منتشر کردهاند.