بوت‌استرپ نه!

Bootstrap_NO

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

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

بوت‌استرپ معناگرا (semantic) نیست

هر فرمورک سی‌اس‌اسی دارای کلاس‌ها و ID هایی است که برای پیکربندی مارکاپ استفاده می‌شود، این کلاس‌ها می‌تواند هر نامی داشته باشد، اما اگر نام‌ها به حقیقت نزدیک‌تر باشد و کمتر نام‌گذاری‌ها به صورت مخفف عبارات بوده و از پری‌فیکس‌ها استفاده شود، راحت‌تر در ذهن می‌ماند و یادگیری آن راحت‌تر است. دقیقا موضوعی است که در بوت‌استرپ رعایت نشده است!

در ورژن اخیر بوت‌استرپ، برای مثال نام کلاس‌های مربوط به Grid System با مخفف‌هایی نظیر .col-xs- و یا .col-sm- نام گذاری شده که مخفف column  small  و یا column xlarge می‌باشد، برای من، هنوز یادگیری این مخفف‌ها برای کار با بوت‌استرپ میسر نشده و هربار که می‌خواهم با این فرمورک کار کنم باید مستندات را باز کنم و مجددا مطالعه کنم،  اما می‌شد نام‌گذاری کلاس‌ها به صورت قابل فهم تر و نزدیک تر به نام‌های واقعی باشد، مثل چیزی که در Foundation Zurb و یا Semantic UI شاهد آن هستیم.

اکثر (نه همه) سایت ها شبیه هم‌اند

متاسفانه، به دلیل آنکه معمولا زمان کمی برای تغییر ظاهر پیشفرض سایت‌هایی که بر پایه بوت‌استرپ ساخته شده‌اند صرف می‌شود و معمولا به دکمه‌ها، لینک‌ها، اینپوت‌ها و رنگ‌بندی خود بوت‌استرپ رضایت داده می‌شود و تغییری در آن‌ها ایجاد نمی‌شود، بسیاری از سایت‌ها را می‌بینیم که از لحاظ ظاهری به شدت شبیه هم و همینطور به دلیل عدم رعایت مارکاپ صحیح به شدت نا مرتب و زشت هستند، این اتفاق خصوصا در وب فارسی بیشتر رخ می‌دهد، مثلا می‌توانید در سایت‌های بسیاری اینپوت‌های افسانه‌ای بوت‌استرپ رو بدون هیچ تغییر ظاهری پیدا کنید!

همونطور که در عنوان آوردم این موضوع در مورد همه سایت‌ها صادق نیست، برای مثال در وبسایت WrapBootstrap نمونه‌های بسیاری وجود دارد که برپایه بوت‌استرپ و بسیار زیبا طراحی شده اند.

حجم بالای فایل‌های بدون استفاده

بوت‌استرپ برای رفع نیاز‌های همه طراحی شده است، بنابراین تعدا زیادی خط کد CSS وجود دارد که شما حتی یکبار هم ازش در وبسایتتان استفاده نکرده‌اید! علاوه بر CSS ممکن است اسکریپت‌های مربوط به بوت‌استرپ رو هم لود کرده باشید که حتی استفاده ای از آن نشده باشد، اما در هنگام بارگذاری سایت آن‌ها را هم فراخوانی کردید و این مدت‌زمان بارگذاری سایت شما را افزایش می‌دهد که اصلا نکته خوبی نیست، همینطور در پاره‌ای از اوقات که قصد تغییرات استایل‌های پیشفرض بوت‌استرپ را دارید باید تعدادی خط کد سی‌اس‌اس را برای بازنویسی استایل‌های پیش‌فرض بوت‌استرپ اضافه کنید که بازهم به حجم استایل‌های شما می‌افزاید و همینطور زحمت شما را نیز افزایش می‌دهد.

بوت‌استرپ و همینطور سایر فرمورک‌ها برای راحتی طراحان ساخته شده اند، اما بیشتر اوقات مصداق “سرکنجبین اند که صفرا فزود”! این موضوع‌ها و این نوشته برای سایر فرمورک‌ها هم صادق است، حرف من این نیست که ازین فرمورک‌ها اصلا نباید استفاده کرد، اما می‌شود به راحتی و با اندکی صرف وقت وبسایتمان رو مطابق نیاز‌هایی که داریم طراحی کنیم و پیاده‌سازی کنیم.

علاوه بر این، بوت‌استرپ تنها فرمورکی نیست که می‌تواند نیازهایمان رو برطرف کند، در اینجا لیستی از فرمورک‌هایی که در سراسر وب یافت می‌شود وجود دارد که نه تنها بسیاری از آنها به خوبی بوت‌استرپ هستند، بلکه برخی از آنها از بوت‌استرپ نیز بهترند :) ! به شخصه پیشنهاد می‌کنم که مستندات Semantic UI را ملاحظه کنید!

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

ممنون که این مطلب رو خوندید.

حسین.

5 دیدگاه برای “بوت‌استرپ نه!

پاسخ دهید

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