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

بروزرسانی شده در ۲۳ مرداد ۱۳۹۹
بهترین فریم ورک های css در 2020
زمان مطالعه : 3 دقیقه 286 بازدید 0 نظر

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

 

1-Bootstrap 

 

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

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

 

بوت استرپ 4

 

2-Foundation

 

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

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

 

foundation

 

3- Materialize css

 

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


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

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

 

materializecss

 

4-UI kit

 

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

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

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

Ui kit

 

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

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

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

 

 

 

با عضویت در خبرنامه می توانید از جدیدترین مقالات، اخبار و تخفیف های ویژه در ایمیل خود با خبر شوید...