10 فریم ورک کم حجم CSS که باید بشناسید

محبوبیت توسعه ی وب در چندسال اخیر به سرعت رشد کرده است. Framework های front-end زیادی هرساله منتشر می شوند که Bootstrap یکی از محبوب ترین موارد در این گروه است اما بسیاری چالش های دیگر وجود دارد که بطور حتم درباره ی آن نشنیده اید اما ارزش امتحان کردن را دارد. در این مقاله ما نگاهی به 10 مورد از بهترین framework هایی که ممکن است بخواهید آن ها را بررسی کنید، می کنیم.

محبوبیت توسعه ی وب در چندسال اخیر به سرعت رشد کرده است. Framework های front-end زیادی هرساله منتشر می شوند که Bootstrap یکی از محبوب ترین موارد در این گروه است اما بسیاری چالش های دیگر وجود دارد که بطور حتم درباره ی آن نشنیده اید اما ارزش امتحان کردن را دارد.

در این مقاله ما نگاهی به 10 مورد از بهترین framework هایی که ممکن است بخواهید آن ها را بررسی کنید، می کنیم.

Spectre

Spectre یک framework مدرن، رایگان و responsive برای CSS است که عناصری ظریف، مبتنی بر flexbox، سیستم layout از نوع responsive و کامپوننت های CSS و utility ها که می توانند با کامپایلر های Sass و Scss اصلاح شوند را ارائه می دهد. Spectre واقعا سبک است و حجم آن بطور gzip تنها 10KB است و از اکثر مرورگرهای مدرن پشتیبانی می کند.

Mustard UI

این مورد یک framework شروع کننده ی سبک و open-source برای CSS است و به ماژول هایی تقسیم می شود بنابراین می توانید انتخاب کنید که از یکی از آن ها یا همه ی آن ها را در پروژه ی خود استفاده کنید. Mustard UI با تمام کامپوننت هایی که برای طراحی front-end نیاز است مانند flexbox grid، دکمه ها، جداول، فرم ها و بسیاری موارد دیگر همراه است و شما می توانید آن ها را از طریق متغیر های scss شخصی سازی کنید.

Bulma

Bulma یک framework رایگان، open source و مدرن برای CSS است و برمبنای مدل layout مربوط به Flexbox می باشد. این framework یک سیستم گرید ساده، نوار های nav از نوع responsive و شیئ های رسانه ای همه کاره را ارائه می دهد. هر جزء در Bulma ابتدا برای موبایل و صفحه نمایش های کوچک می باشد و به راحتی با استفاده از کلاس ها و متغیر ها شخصی سازی می شود.

UI Kit

این مورد یکی دیگر از framework های عالی front-end جاوااسکریپت و CSS است که با فونت آیکون SVG خودش و تعدادی از کامپوننت ها همراه است. UIkit هم در ظاهر و هم به عنوان یک framework به خوبی طراحی شده است و استایل هایی منسجم، API هایی که به خاطر سپردن آن ها ساده است، گزینه هایی که بسیار سفارشی شده اند و کلاس های اصلاح کننده ی مفید، همراه است.

TentCSS

TentCSS یک framework ساده با قابلیت استفاده ی آسان می باشد و همه ی کامپوننت های پایه ای که برای ساخت یک وبسایت responsive نیاز است را ارائه می دهد. این مورد بسیار سبک است( حجم به صورت gzip 5kb است)، استاندارد BEM را دنبال می کند و یک گرید flexbox مدرن برای انجام layout ها دارد.

MaterializeCSS

این مورد یک framework برای front-end و به صورت responsive است که مبتنی بر طراحی Material است. استفاده از این framework بخصوص برای کسانی که با پروژه های مشابه نظیر Bootstrap آشنا هستند بسیار ساده است. مجموعه ای از template های شروع کننده وجود دارد که به شما در طراحی ساده ی وبسایتتان کمک می کند.

Foundation

این framework یکی دیگر از ابزار های محبوب برای ساخت اپلیکیشن ها و وبسایت های responsive است. Foundation با تعدادی از کامپوننت های ماژولار و منعطف که کاملا شخصی سازی شده اند همراه است که در استفاده از وبسایت های responsive و زیبا که در هر دستگاهی شگفت انگیز به نظر می رسد استفاده می شوند.

Semantic UI

Semantic یک framework برای front-end است که در ساخت layout های responsive و زیبا با استفاده از HTML کمک می کند. این framework با بیش از 300 متغیر CSS که برای شخصی سازی استفاده می شود بطور بالا قابل شخصی سازی است. Semantic همانطور که کاملا با مقادیر ' em' ساخته شده است، درحد بالایی responsive است.

Base

Base یک framework سبک ، کمینه و responsive برای CSS است. Base روی آخرین نسخه از Normalize.css ساخته شده است و به ماژول هایی مستقل تقسیم شده است بنابراین می توانید فقط از مواردی که نیاز دارید استفاده کنید. این framework در ابتدا برای موبایل است و روی همه ی مرورگر های مدرن از جمله IE 10+ بطور عالی کار می کند.

MUI

این مورد یک framework کوچک و responsive است که از دستورالعمل های Material Design گوگل پیروی می کند. MUI هیچ وابستگی اضافی ندارد و بسیار سبک است بطوری که به صورت gzip تنها 5.4kb حجم دارد. این framework پشتیبانی از React، شخصی سازی از طریق فایل های SASS و یک نسخه ی جداگانه برای استایل دهی ایمیل ها ارائه می دهد.