بهترین فریم ورک های css در 2020

1-Bootstrap 

Bootstrap یک فریم‌ ورک (framework) محبوب برای زبان CSS است که به کمک آن می‌توانید صفحات وب واکنش‌گرا (responsive) طراحی کنید. در حال حاضر Bootstrap 4 آخرین نسخه بوت استرپ است.

برای یادگیری بوت استرپ بر روی getbootstrap.com کلیک نمایید.

2-Foundation

Foundation یک چارجوب (front-end framework) می باشد که دارای ابزاری مناسب برای طراحی و ساخت سایت های متناسب با گوشی های موبایل و صفحه های نمایش با اندازه های مختلف است (responsive). ساختار این چارچوب برپایه ی HTML ، CSS و jQuery بوده و با این که از تکنولوژی های پیشرفته استفاده می کند اما با براوزر های قدیمی چون IE8 نیز مشکلی ندارد.

برای یادگیری Foundation   بروی لینک مقابل get.foundation  کلیک کنید.

3- Materialize css

Materialize یک کتابخانه مؤلفه UI است که با CSS ، JavaScript و HTML ایجاد شده است. مؤلفه های UI در ساخت صفحات وب و برنامه های وب جذاب ، سازگار و کاربردی کمک می کند

این امر به ایجاد وب سایتهای سریعتر ، زیبا و پاسخگو کمک می کند. این الهام گرفته از Google Material Design است.

برای یادگیری Materialize css بروی لینک مقابل materializecss  کلیک کنید.

4-UI kit

 مجموعه ای از پرونده ها است که شامل مؤلفه های مهم UI مانند فونت ها ، فایل های طراحی لایه باز ، نمادها ، اسناد و پرونده های HTML / CSS است. 

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

برای یادگیریUI kit بروی لینک مقابل getuikit.com  کلیک کنید.

و در آخر شاید بگید تفاوت اینها با هم چیه ؟ 

این فریم ورک ها همشون یک سری کلاس های آماده css دارند که کد نویسی رو راحت تر  و سریع تر میکنند.

اما برای شروع یادگیری بوت استرپ از همه بهتره چون هم ساده تر هست و html , css پیشنیازشه . اما بقیه فریم ورک ها پیشنیاز هایی مثل javascript یا react دارن.