تغییرات و امکانات جدید نسخه ۳ بوت استرپ (آموزشی)

mhbitarafan

بعد از ماه ها تلاش طاقت فرسا نسخه سوم فریم ورک توییتر بوت استرپ که انتخاب اول طراح ها و توسعه دهندگان وب هست منتشر شد. نسخه جدید شامل قابلیت ها و تغییرات زیادی هست و بطور کاملا اصلاح شده تا پاسخگوی نیازهای روز کاربران باشه. در حالی که این فریم ورک آمار ۵۶,۰۰۰ ستاره و ۱۹,۰۰۰ فورک رو در وبسایت GitHub داره بوت استرپ همچنان محبوب ترین فریم ورک برای طراحی و توسعه وب هست، پس بهتره بهش یک نگاه بیاندازیم.

بریم سراغ تغییرات بزرگ این نسخه.

۱ - در نگاه اول شاید سریعا متوجه بشیم که بوت استرپ یک طراحی flat و جدید رو برای تمامی المنت ها و کامپوننت ها به کار گرفته. به نظر من که خوبه، البته همه طرفدار اینطور طرح ها نیستن به همین دلیل یک طرح دلخواه و انتخابی برای این دسته از افراد در نظر گرفته شده.

۲ - در این نسخه نحوه نمایش وبسایت شما روی تلفن های هوشمند در اولویت قرار گرفته شده و سعی بر این بوده که قالب شما همیشه و در هر حالت بصورت واکنش گرا قابل رویت و استفاده باشه. طراحی دوباره و اصلاحات بوت استرپ بر اساس این ایده بوده که شیوه نمایش طرح شما باید از موبایل گرفته با بالاترین اندازه از نمایشگرها بهترین حالت رو داشته باشه. همچنین قابلیت هایی که مربوط به خاصیت واکنش گرایی بوت استرپ میشد دیگه از هم جدا نیستند و در یک فایل قرار گرفتند. اگر به خاصیت واکنش گرایی نیازی ندارید میتونید این قابلیت رو به سادگی و با چند خط CSS غیرفعال کنید. در مستندات بوت استرپ چگونگی انجام اینکار با ذکر مثال آموزش داده شده.

bootstrap-645x250

۳ - به سیستم Grid جدید و قدرتمند بوت استرپ سلام کنید. Grid جدید بسیار سبک و ساده بوده و در یک سیستم واحد قرار داره. حالت fluid جدا، container و layout از بین رفتن چرا که دیگه بخشی از یک سیستم واحد شدند. حالا سیستم Grid یک سیستم fluid واکنش گرا با ۱۲ ستون هست که به زیبایی به نسبت اندازه نمایشگر کاربر تغییر میکنه. همچنین ۴ کلاس مختلف برای grid وجود داره، یعنی تلفن های هوشمند، تبلت ها، کامپیوتر ها و نمایشگرهای بزرگ که به شما اجازه میده یک layout واکنش گرای پیچیده با جزئیات بالا رو به زیبایی پیاده کنید.

۴ - بزارید به کلاس های تعیین اندازه ی بهتر اشاره کنیم. کلیدها، فرم ها، پنجره های هشدار و… حالا شامل کلاس های بهتری شدند که امکان شخصی سازی و ویرایش اونها رو راحت تر کرده.

۵ - فونت جدید Glyphicons برای آیکون ها هم از خبرهای خوب نسخه جدید بود. آیکون ها که در نسخه ۲ عکس بودند در نسخه ۳ بصورت فونت هستند و شامل ۴۰ آیکون جدید هم میشند … یعنی روی هم رفته شما به ۱۸۰ آیکون فوق العاده زیبا از طریق یک فونت دسترسی خواهید داشت.

۶ - پلاگین های جاوا اسکریپت در نسخه جدید دوباره نویسی شدند.

۷ - چند تا کمپوننت جدید اضافه شده. list group یکی از اونهاست که به شما قابلیت ایجاد یک سری از کمپوننت های ساده یا پیچیده رو میده. یکی دیگه از کمپوننت های اضافه شده panel هستش که به شما این قابلیت رو میده تا به راحتی محتوا رو داخل یک باکس قرار بدید یا برای یک باکس تیتر بزارید.

۸ - بهبود کمپوننت های دیگر هم از تغییرات نسخه جدید هست. navbar حالا کاملا واکنش گرا شده و استفاده از اون راحت تر. همچنین modal ها هم وضعیت واکنش گرایی بهتری نسبت به قبل پیدا کرده اند و برخی از مشکلاتشون در تلفن های همراه حل شده.

۹ - بعضی از کمپوننت ها حذف شدند. submenu ها و typeahead و منو آکاردئونی حذف شدند. البته ناراحت نباشید، در نسخه جدید بجای typeahead از این استفاده کنید و بجای منوهای آکاردئونی از کمپوننت panel.

10 - شخصی ساز جدید هم از راه رسید. شخصی سازه جدید این قابلیت رو داره تا شخصی سازی های شما رو در Gist بصورت ناشناس ذخیره کنه تا اگر خواستید اونها رو به اشتراک بزارید یا بعدا استفاده کنید کارتون راحت شده باشه. همچنین شخصی ساز جدید دوباره نویسی شده و حالا بجای Heroku از طریق خود مرورگر کمپایل میشه.

۱۱ - نسخه جدید سبک تر شده. فایل های CSS نسخه جدید ۲۰% سبک تر شدن.

۱۲ - پشتیبانی از فایرفاکس ۳٫۶ و اینترنت اکسپلورر ۷ متوقف شده.

۱۳ - کُلی مستندات جدید اضافه شدن. یک سری مستندات و آموزش های جدید هم در مورد پشتیبانی مرورگرها و لایسنس و کمپوننت ها اضافه شده. همچنین آموزش اینکه چطور از نسخه ۲ به نسخه ۳ بیاید و یا قابلیت واکنش گرا بودن رو غیرفعال کنید.

۱۴ - نمونه های جدیدی هم اضافه شدند، هم برای نسخه اصلی و هم برای نسخه انتخابی.

۱۵ - ویترین بوت استرپ هم از راه رسید. اگر کنجکاوید که با بوت استرپ چه کارهایی میشه کرد یک نگاهی به اینجا بیاندازید. در این قسمت سایتشون میتونید یک گالری از وبسایت هایی که با استفاده از بوت استرپ ساخته شدند رو ببینید.

خب دیگه، نسخه جدید از هر نظر عالیه، اما شاید بپرسید بوت استرپ ۲٫۳٫۲ چی ؟ مشکلی نیست، اگر از این نسخه استفاده میکنید میتونید همچنان مستندات قدیمی رو مطالعه کنید. فقط کافیه اینجا یک سر بزنید تا از مستندات قدیمی تا شخصی ساز قدیمی رو پیدا کنید.