ورود / ثبت نام سبد خرید 0
تبلیغات : محصولاتی که ممکن است خوشتان بیاید
فریمورک Bulma یکی از جدیدترین فریمورک های css میباشد که برای طراحی فرانت اند وب سایت ها کاربرد دارد. این فریمورک کوچک و سریع است و در ادامه ی همین مقاله به ویژگی ها و برتری های این فریمورک خواهیم پرداخت.
برای دانلود فریمورک bulma میتوانید به سایت رسمی bulma به نشانی bulma.io مراجعه کنید یا از طریق Bower , Yarn یا npm آنرا نصب کنید. برای نصب کردن فریمورک Bulma میتوانید برای هرکدام از منیجر های بالا از دستورات زیر استفاده کنید :
npm install bulma
yarn add bulma
bower install bulma
بعد از نصب کردن Bulma یا دانلود کردن فایل zip آن از سایت اصلی bulma میتوانید به راحتی از فایل css این فریمورک که فایل بسیار کم حجمی است استفاده کنید و کافیست فایل این فریمورک را در هدر سایت خود فراخوانی کنید.
از آنجایی که بولما برخلاف بوت استرپ هیچ نیازی به جاوا اسکریپت ندارد باعث میشود توسعه دهنده بتواند تنها روی کدنویسی سی اس اس تمرکز کند و نتیجه ی طراحی سایت فوق العاده باشدbulma یا بولما قابلیت ماژولار دارد و هر تکه ی آن جداگانه قابل استفاده است علاوه براین سینتکس روان و راحتی دارد و همچنین از حجم کمی برخوردار است که باعث میشود سرعت لودینگ سایت شما نیز بالاتر باشدتقریبا اکثریت وب سایت های مدرن امروزه از بولما بجای بوت استرپ استفاده میکنند.
دو فریمورک bulma و bootstrap گزینه های عالی برای طراحی رابط کاربری وب سایت ها میباشد اما یک سری از مشکلاتی که در استفاده با bootstrap برای توسعه دهندگان وب وجود داشت باعث شده که bulma را بعنوان گزینه ی جایگزین برای bootstrap استفاده کنند.
در زیر برخی از ویژگی های bulma نسبت به بوت استرپ را نوشته ایم :
از زمانی که موبایل ها و تبلت های هوشمند گسترش پیدا کردند اهمیت باز شدن صحیح وب سایت ها در صفحه ی نمایش گوشی های موبایل و تبلت نمایان شد. برنامه نویسان و توسعه دهندگان وب باید طوری فرانت اند سایت خود را طراحی میکردند تا به درستی در گوشی موبایل ، تبلت ، دسکتاپ و هر دستگاه دیگری نمایش داده شود.
فریمورک Bulma به دلیل ویژگی mobile first از ابتدا برای دستگاه هایی مثل موبایل و تبلت بهینه هست و هر سایتی که از Bulma استفاده کند بصورت خودکار responsive یا واکنش گرا هست.
اکثر فریمورک هایی که برای css خلق شده اند هدف اصلی آنها ساختن یک چهارچوب کاملا Responsive یا واکنش گرا بوده است که توسعه دهندگان وب بدون مشکل بتوانند سایت های بهینه از نظر واکنش گرایی بسازند.
فلکس باکس یا flexbox ویژگی بود که در css 3 اضافه شده است و یک layout از صفحه ی اچ تی ام ال را میسازد. هدف اصلی فلکس باکس این است که عناصر روی صفحه هم بصورت افقی و هم بصورت عمودی به شیوه ی درست در کنار هم چیده بشوند.
برای درک بهتر موضوع فرض کنید صفحه به ستون ها و سطر های مختلفی تفسیم میشود که آیتم ها درون آنها جا میگیرد و فرض کنید آیتم ها سایز های یکسانی هم ندارند. فلکس باکس این ویژگی را دارد که تمام صفحه را با ایتم های موجود در کنار هم پر کند.
با استفاده از فلکس باکس بصورت پیشفرض سایت ها ریسپانسیو هم میشود یعنی فلکس باکس وقتی با صفحه ی نمایش گوشی موبایل مواجه میشود سعی میکند که ایتم ها را به اندازه ی صفحه ی نمایش در کنار هم بچیند تا صفحه را پر کند.
برای درک بهتر این موضوع تصویر زیر را ببینید که عناصر html روی صفحه چطور در کنار هم فیت شده اند :
فریمورک bulma بصورت کامل برپایه ی FlexBox طراحی شده است که یکی از ویژگی های خوب این فریمورک سبک و قوی است.
مطالب زیر ممکن است برای شما مفید باشد
محصولات برگزیده مناسب شما
سلام و وقت بخیر
در نسخه جدید بوت استرپ هیچ نیازی به جاوااسکریپت نیست
لطفا این خد رو اصلاح کنید
از آنجایی که بولما برخلاف بوت استرپ هیچ نیازی به جاوا اسکریپت ندارد