قبل از اینکه ببینیم bulma چیه بهتره یکم درباره ی بوت استرپ صحبت کنیم که این روزها زیادی معروفه !
اگر طراح وب هستید مطمئنم که قبلا با بوت استرپ کار کردید یا حداقل نام آنرا شنیدید .
بوت استرپ زمانی بیشتر معروف شد که کم کم دستگاه هایی با رزولیشین های مختلف مثل موبایل و تبلت و ... در حال گسترش در جهان بودند و کاربران برای دیدن سایت ها از موبایل و تبلت و ... بجای کامپیوتری با صفحه ی نمایش بزرگ استفاده میکردند .
اینجا بود که بحث ریسپانسیو بودن یا واکنش گرایی سایت ها مطرح شد و وب سایت های به روز دنیا سعی میکردند که خود را با شرایط وفق دهند خیلی از آنها فریمورک های شخصی تولید میکردند که سایت های آنها را برای نسخه ی موبایل بهینه میکرد ولی همیشه مشکلاتی وجود داشت بلاخره مشخص نبود که رزولیشین و نوع نمایشگر کاربر نهایی چطور است و چه کیفیتی دارد ؟
شرکت توییتر دست به اقدامی زد و تمام این عملیات ها را در قالب یک فریمورک جامع و کامل برای استفاده ی همگان به نام Bootstrap منتشر کرد .
Bootstrap یک فریمورک برای زبان سی اس اس هست ولی شدیدا به جی کوئری و کدهای جاوا اسکریپتی نیازمند است .
اینجا یک مشکل حل شد ولی مشکل دیگری از بغلش در اومد !
با پیشرفت تولید اپلیکیشن های تحت وب کم کم سنگینی و پیچیدگی بوت استرپ حس شد ... مخصوصا زمانی که برنامه نویس نیازی به جاوااسکریپت یا جی کوئری نداشت
و زمانی که فریمورک های جاوا اسکریپت مثل vue.js و React.js و یا انگولار جی اس ظهور کردن دیگه استفاده ی اجباری از جی کوئری در یک فریمورک css مسخره بود
این مسخره را بوت استرپ بر سر برنامه نویس ها می آورد ...
اینجا بود که یک فریمورک کامل برای css با کیفیت بالا و حجم کم ظهور کرد که دیگه عاری از هرگونه نیازمندی به جاوااسکریپت بود ، برخلاف بوت استرپ جیکوئری لازم نبود و فقط و فقط یک فایل css است ...
فریمورک Bulma یک فریمورک سبک و زیبا برای css است و چون برپایه ی موبایل طراحی شده است ابتدا هدفش موبایل است سپس تبلت و سپس کامپیوتر
دقیقا راهی که Bulma طی میکند برعکس بوت استرپ است . بوت استرپ ابتدا دسکتاپ و سپس تبلت و سپس موبایل را در نظر میگیرد
این یکی از مزیت های bulma است چون دیگر اکثر مخاطبین یک وب سایت کاربران دستگاه های کوچک مثل گوشی های هوشمند و تبلت ها هستند تا دسکتاپ !
یکی دیگر از مزیت های bulma این است که به هیچ کد جاوااسکریپت یا فریمورک جاواسکریپتی نیاز ندارد . با این کار تمرکز طراح از روی کدهای سی اس اس به سمت جاوااسکریپت پرت نمیشود و تمرکزش روی طراحی قالب سی اس اس است و نتیجه ی زیباتر و قویتری در پی خواهد داشت .
فریمورک bulma نسبت به bootstrap حجم و تعداد خطوط کمتری دارد در نهایت باعث افزایش چشم گیر سرعت لود شدن سایت هم میشود .
یک منبع خوب برای آموزش bulma طراحی قالب واکنش گرا که من خودم قبلا استفاد ه کردم و صد در صد راضی بودم خواستم معرفی کنم دوستانی که نیاز دارند تهیه کنند .
اگر قبلا با ویو جی اس کار کرده باشید میدانید که با ویو به راحتی میشه سایت های تک صفحه ای ساخت مثل اینکه یه اپلیکیشن باشه و مدیریت DOM مجازی در ویو بسیار راحت تر هست
چون ویو جی اس هرچیزی که از جاوااسکریپت نیازه درونش داره دیگه نیازی به جی کوئری و این مسائل نداریم و وجود آنها فقط باعث سنگینی و پیچیدگی کار میشه .
فریمورک Bulma برای سی اس اس
و فریمورک Vue.js برای جاوااسکریپت
در کنار هم زوج عالی میسازند که حاصلشون میشه یه اپلیکیشن تحت وب که یه سایت مدرن و به روز حساب میشه و کلی با سایت های دیگه تفاوت خواهد داشت .
فلکس باکس یک شیوه ی جدید طراحی است . مخصوصا برای کسانی که قصد طراحی فروشگاه و یا مطالب زیاد را دارند که بصورت مربع مربع در جداول قصد دارند آنها را نمایش دهند.
سیستم های قدیمی مثل Grid view مشکلات خودشان را داشتند که این مشکل در flex box حل شده است .
البته اینم بگم تا جایی که من بوت استرپ استفاده میکردم از سیستم flexbox استفاده نمیکرد .
تصویر زیر همه چی رو درباره ی flex box میگه
میتوانید لیستی از سایت هایی که از بولما کمک گرفته اند تا قالب خود را بسازند در بخش
ببینید .
