بوت استرپ چیست ؟ استفاده از بوت استرپ در طراحی سایت

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

  • طراحی سایت واکنش‌گرا
  • تایپوگرافی
  • فرم‌ها
  • دکمه‌ها
  • منوها
  • آیکون‌ها
  • افزونه‌های jQuery
  • و کامپوننت‌های کاربردی دیگر

بوت استرپ

بوت‌استرپ شامل مجموعه‌ای از کدهای HTML، CSS و Javascript است که به صورت اختیاری می‌توانند مورد استفاده قرار گیرند. کدهای Javascript در بوت استرپ بر پایه jQuery توسعه پیدا کرده‌اند.

بوت استرپ کتابخانه‌ای متن‌باز است و پس از freeCodeCamp که مرجعی آموزشی است، دومین مخزن محبوب در گیت‌هاب به شمار می‌رود.

نگارش ۴ بوت‌استرپ از تمامی مرورگرهای متداول پشتیبانی می‌کند. نسخه‌های ۹ و قدیمی‌تر IE در بوت‌استرپ ۴ پشتیبانی نمی‌شوند.

تاریخچه بوت استرپ

این کتابخانه در ابتدا توسط دو نفر از توسعه‌دهندگان شرکت توئیتر برای استفاده‌ی داخلی توسعه پیدا کرد. نام این پروژه Twitter Blueprint بود. با گذشت زمان و اضافه شدن امکانات بیشتر، نام پروژه به Bootstrap تغییر پیدا کرد و به صورت رایگان و متن‌باز در گیت‌هاب منتشر شد.

نگارش‌های ۱، ۲، ۳ و در حال حاضر ۴ از بوت‌استرپ با ویژگی‌هایی جدید و عملکردی بهتر از گذشته منتشر شده‌اند.

ریسپانسیو

آخرین نسخه‌ی بوت‌استرپ به صورت پیش‌فرض طراحی سایت ریسپانسیو یا واکنش‌گرا را هدف قرار داده است. در مدل Mobile First تصور بر این است که کاربران سایت از موبایل استفاده می‌کنند و حالت‌های دیگر به حالت اصلی( یعنی موبایل ) افزوده می‌شود.

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

مزایا و معایب استفاده از بوت استرپ در طراحی سایت

مزایای استفاده از بوت استرپ

  1. افزایش سرعت توسعه
  2. طراحی سایت واکنش‌گرا با کیفیت بالا
  3. افزایش توسعه‌پذیری رابط کاربری توسط توسعه‌دهندگان دیگر
  4. امکانات زیاد برای ایجاد سایت یا نرم‌افزار آنلاین با کاربری آسان
  5. یادگیری آسان
  6. پشتیبانی بهتر از مرورگرهای مختلف

معایب استفاده از بوت استرپ

  1. افزایش حجم سایت
  2. کاهش سرعت رابط کاربری
  3. بدون انجام سفارشی‌سازی، ظاهر سایت با هزاران سایت دیگر شبیه خواهد بود
  4. افزایش محدودیت در طراحی رابط کاربری
  5. مشکل بودن پیاده‌سازی برخی طرح‌ها و قابلیت‌های سفارشی

استفاده از بوت استرپ چه زمانی مناسب است ؟

بسته به اینکه طرح گرافیکی سایت به چه صورت باشد، چه مقدار زمان و هزینه بنا است برای این کار صرف شود و اینکه سرعت و حجم سایت تا چه میزان اهمیت دارد، می‌توان برای استفاده یا عدم استفاده از بوت استرپ تصمیم‌گیری نمود.

بهترین محل برای استفاده از بوت‌استرپ، دشبورد‌های مدیریت سایت، نرم‌افزارهای کاربردی تحت وب و سایت‌هایی است که خدمات آنلاین ارائه می‌نمایند.

برای طراحی سایت‌های اطلاع‌رسانی، به دلیل اینکه اغلب بخش‌های بوت‌استرپ بی‌استفاده باقی می‌مانند، استفاده از یک فریم‌ورک ریسپانسیو سبک‌تر و ساده‌تر مثل Pure یا موارد مشابه دیگر شاید گزینه‌ای بهتر به حساب آید.

بوت استرپ ۴

آخرین نگارش بوت استرپ با بازنویسی بخش‌های مهمی از سیستم اکنون در دسترس است. مهم‌ترین ویژگی‌های این نگارش عبارتند از:

  1. حذف پشتیبانی از مرورگرهای قدیمی
  2. حذف برخی کامپوننت‌ها
  3. استفاده از واحد rem به جای px
  4. استفاده از flexbox برای انعطاف بیشتر
  5. تغییر ظاهر گرافیکی به شکل صاف یا Flat

بوت استرپ فارسی

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

 

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *