Bulma
فریمورک CSS خالص و بدون جاوااسکریپت، بر پایهٔ Flexbox. کلاسهایش خوانا و قابل حدساند و چون هیچ کد جاوااسکریپتی همراهش نیست، رفتار تعاملی کاملاً در اختیار خودتان میماند. رفتار تعاملی کامپوننتها را خودتان مینویسید.
معرفی محصول
Bulma عمداً فقط CSS است. مودال و منوی کشویی را استایل میدهد ولی باز و بستهشان را به شما میسپارد. برای پروژههایی که از قبل چارچوب جاوااسکریپت خودشان را دارند، این جداسازی مزیت است نه کمبود.
کاربرد اصلی
مناسب ساخت سریع صفحههای اداری، داشبورد و سایتهای معرفی. نام کلاسها توصیفی است و خواندن نشانهگذاری بدون مراجعهٔ مداوم به مستندات ممکن میشود.
مناسب چه کسانی است
برای کسانی که Bootstrap را سنگین میدانند و کلاسهای کاربردی Tailwind را هم نمیخواهند. اگر به کامپوننت تعاملی آمادهٔ بیرونازجعبه نیاز دارید، باید خودتان بنویسید.
مزایا
ساختار ماژولی اجازه میدهد فقط بخشهای موردنیاز را وارد کنید. مبتنی بر Flexbox است و چیدمانهای ستونی پیچیده را با کلاسهای ساده میسازد.
اطلاعات فنی
- سازنده: Jeremy Thomas
- لایسنس: MIT
- پیشنیاز: مرورگر مدرن؛ برای سفارشیسازی Sass
لایسنس و اجازهٔ استفاده
این محصول تحت لایسنس MIT منتشر شده است؛ یعنی استفادهٔ رایگان، تغییر و استفادهٔ تجاری طبق شرایط همان لایسنس مجاز است. پیش از استفاده در پروژهٔ تجاری، متن کامل لایسنس را در منبع رسمی ببینید.
منبع رسمی
زوانو این فایل را بازنشر نمیکند؛ دانلود مستقیماً از منبع رسمی سازنده انجام میشود تا همیشه آخرین نسخهٔ اصلی و دستنخورده را بگیرید.
- وبسایت رسمی: https://bulma.io/
- مخزن کد: https://github.com/jgthms/bulma
- مستندات: https://bulma.io/documentation/
�
تنباز و رایگان
لایسنس MIT
فقط CSS
بدون هیچ وابستگی جاوااسکریپت
�
بتنی بر Flexbox
چید�
ان ستونی ساده و انعطافپذیر
نا�
گذاری خوانا
کلاسهای توصیفی و قابل حدس
ساختار �
اژولی
وارد کردن انتخابی بخشها
واکنشگرا
نقاط شکست آ�
اده برای �
وبایل و دسکتاپ
سفارشیسازی با Sass
بازنویسی �
تغیرهای پایه
- فایل CSS را از سایت رسمی بگیرید یا با npm نصب کنید.
- برای کاهش حجم، تنها ماژولهای لازم را با Sass وارد کنید.
- کلاسهای ستون و کامپوننت را در نشانهگذاری به کار ببرید.
- رفتار تعاملی مانند باز و بستن مودال را خودتان بنویسید.
هنوز دیدگاهی ثبت نشده است
اولین کسی باشید که تجربهاش را از این محصول مینویسد.
محصولات مرتبط
Bootstrap
شناختهشدهترین فریمورک CSS جهان. شبکهٔ واکنشگرا، کامپوننتهای آماده و ابزارهای کمکی را در یک بسته میدهد و از نسخهٔ ۵ پشتیبانی راستبهچپ در خودش تعبیه شده است. مستندات کامل و جامعهٔ بزرگش عیبیابی را ساده میکند.
Tailwind CSS
فریمورک CSS مبتنی بر کلاسهای کاربردی. بهجای کامپوننت آماده، قطعههای کوچک سبکدهی میدهد و شما ظاهر دلخواه را مستقیم در نشانهگذاری میسازید؛ خروجی نهایی فقط شامل کلاسهای استفادهشده است. طراحی اختصاصی بدون جنگیدن با سبکهای از پیش تعیینشده ممکن میشود.
Pico CSS
فریمورک CSS کمحجمی که عناصر HTML را بدون نیاز به کلاس زیبا میکند. کافی است نشانهگذاری معنایی درست بنویسید تا صفحه ظاهری مرتب و واکنشگرا داشته باشد. برای نمونهٔ اولیه، مستندات فنی و پنلهای داخلی گزینهٔ سریعی است.
Open Props
مجموعهای از متغیرهای آمادهٔ CSS برای رنگ، سایه، اندازه، تایپوگرافی، شتابدهی و انیمیشن. فریمورک نیست؛ فقط توکنهای طراحی میدهد تا سامانهٔ ظاهری خودتان را سریع بسازید. با هر فریمورک دیگری یا با CSS خالص کنار میآید.