در این مقاله با بهترین فریم ورک های CSS آشنا می شویم و محاسن و معایب هر یک را بررسی می کنیم.
Bootstrap
یکی از بهترین فریم ورک های CSS که از محبوبیت بالای برخودار است و اکثر توسعه دهندگان Front-end از این فریم ورک استفاه می کنند Bootstrap است .
در ابتدا در سال 2011 Bootstrap برای توسعه ی توییتر ایجاد شد و با قالب های خود مانند فهرست ها ، نوبار ها و... کار با html را بسیار لذت بخش تر کرد.
چرا باید از Bootstrap استفاده کنیم ؟
سرعت بالا
به دلیل سادگی در یادگیری و آماده بودن تکه کد های بوت استرپ شما میتوانید با یک دانش سطحی وب سایت خود را به سرعت توسعه دهید.
سازگاری با مرورگر
از ویژگی های این فریم ورک سازگاری آن با مرورگر هاست تا عناصر شما بدون هیچ مشکلی اجرا شوند.
به روز بودن
با توجه به محبوبیت این فریم ورک همه روزه برای بهبود آن تلاش می شود و قابلیت های مختلف آن تست می شود.
استفاده در کارگروهی
باتوجه به این که Bootstrap در تمامی سیستم ها و مرورگر ها خروجی یکسانی دارد ناهماهنگی بین توسعه دهندگان به وجود نمی آورد و کار برای افرادی که به تازگی به تیم شما ملحق شده اند بسیار آسان است.
مشکلات Bootstrap چیست ؟
ایجاد فایل های با حجم بالا که در سرعت بارگذاری وب سایت تاثیر دارند.
باتوجه به سادگی یادگیری و استفاده همه گیر آن وب سایت های که از Bootstrap استفاده می کنند در ظاهر بسیار شبیحه بهم هستند.
شرکت های که از بوت استرپ استفاده می کنند؟
Spotify
Intel
Foundation
این فریم ورک در سال 2011 طراحی شد و در مقایسه با سایر فریم ورک های css پیچیده تر است از ویژگی های آن می توان به منوی واکنش گرا اشاره کرد.
چرا باید از Foundation استفاده کنیم ؟
امکان سفارشی سازی وب سایت
مشکلات Foundation چیست ؟
یادگیری نسبتا دشوار
پشتیبانی کمتر نسبت به سایر فریم ورک ها
شرکت های که از Foundation استفاده می کنند؟
Amazon
eBay
Adobe
Mozilla
Materialize CSS
این فریم ورک توسط Google توسعه یافته و با استفاده از css کد های سفارشی زیبایی را در اختیار ما قرار می دهد تا به وسیله آن وب سایت منحصر به فردی ایجاد کنیم.
چرا باید از Materialize CSS استفاده کنیم ؟
افزایش سرعت در برنامه نویسی
وجود افزونه های رایگان در جهت بهبود رابطه کاربری
سهولت در یادگیری و استفاده
مشکلات Materialize CSS چیست ؟
پشتیبانی کمتر نسبت به سایر فریم ورک ها
استفاده از جاوا اسکریپت پیچیده در ساخت اجزا
شرکت های که از Materialize CSS استفاده می کنند؟
WPArena
GameRaven
DroneDeploy
Semantic UI
این فریم ورک که از jQuery و LESS ساخته شده است و یکی از محبوب ترین فریم ورک ها در سال 2020 است.
چرا باید از Semantic UI استفاده کنیم ؟
یادگیری بسیار سریع
سادگی در استفاده
تنوع در طرح ها و تم ها
مشکلات Semantic UI چیست ؟
عدم سازگاری با برخی مرورگر ها
عدم به روز رسانی مناسب
شرکت های که از Semantic UI استفاده می کنند؟
Snapchat
Accenture
Kmong
Bulma
Bulma یک فریم ورک منبع باز بر پایه Flexbox است و همه رورزه به تعداد استفاده کنندگان آن افزوده می شود.
چرا باید از CSS Bulma استفاده کنیم ؟
ایجاد قالب های منحصر به فرد
استفاده راحت از آن
وجود پشتیبانی بالا
باتوجه به ویژگی های که در خود دارد یک فریم ورک همه کاره است.
مشکلات Bulma CSS چیست ؟
سرعت اجرای پایین در برخی از مرورگر ها
UIKit
این فریم ورک با استفاده از CSS ، HTML و JS ساخته شده و قابلیت توسعه ، سفارشی سازی و استفاده آسان را دارد و از آن در سیستم عامل اپل استفاده می شود.
چرا باید از UIkit استفاده کنیم ؟
قابل تنظیم و سفارشی سازی دارد
مشکلات UIkit چیست ؟
تعداد کمی منبع مناسب برای یادگیری دارد
استفاده از کلاس های پیچیده و تو در تو
شرکت های که از UIkit استفاده می کنند؟
LiteTube
Crunchyroll
SolarWinds
Nedwave
Tailwind
Tailwind فریم ورکی سریع ، کاربردی و مبتنی بر ابزار است شما با تعیین کردن محدوده پروژه خود می توانید بدون نیاز به css یک وب سایت کامل راه اندازی کنید.
چرا باید از Tailwind استفاده کنیم ؟
با تغییر یک عنصر سایر قسمت ها بدون تغییر باقی می ماند.
استفاده بسیار آسان
قابلیت سفارشی سازی
سرعت بسیار بالا
مشکلات Tailwind چیست ؟
در Tailwind شما هیچ نیازی به CSS ندارید و افرادی که دست دارند با CSS کار کنند این فریم ورک را مناسب نمی دانند.
قابلیت شبکه بندی وب را ندارد.
شرکت های که از Tailwind استفاده می کنند؟
BlaBlaCar
otto-now
JetThoughts
Ant Design
Ant Design یک کتابخانه برای ReactJS است که متعلق به شرکت علی بابا می باشدو امکان سفارشی سازی قالب را برای شما فراهم می کند.
چرا باید از Ant Design استفاده کنیم ؟
ارائه حسی متفاوت و زیبا به کاربر
صرفه جویی در زمان
مشکلات Ant Design چیست ؟
وجود بیشتر مستندات به زبان چینی
شرکت های که از Ant Design استفاده می کنند؟
Ant Financial
Alibaba
Koubei
Tachyons
از فریم ورک های درحال رشد است که به جایه کمک کردن در کد نویسی با ایجاد قالب های آماده ، کد های CSS را کوچک تر کرده و قابلیت استفاده مجدد را به آن ها می دهد که با همین روش در سرعت بارگذاری بسیار کمک می کند.
چرا باید از Tachyons استفاده کنیم ؟
آسان برای یادگیری
قابل تنظیم و سفارشی سازی
وجود مستندات بسیار
مشکلات Tachyons چیست ؟
با ارائه ظاهری پیش فرض امکان خلاقیت را کاهش می دهد.
شرکت های که از Tachyons استفاده می کنند؟
Everlane
CrewFire
Agema
Primer
یک فریم ورک منبع باز با طراحی ساده که که از پوشش Github برخوردار است.
چرا باید از primer استفاده کنیم ؟
قابلیت تنظیم نوع ، اندازه و وزن فونت ها
ایجاد طرح های رنگی
مشکلات primer چیست ؟
عدم محبوبیت کافی
عدم پشتیبانی مناسب
شرکت های که از primer استفاده می کنند؟
My Stack
timelog
سلامت و موفق باشید.
توسعه دهنده وب
شروع آشنایی من با دنیای برنامه نویسی 9 سال پیش بود ، اول مسیر با وردپرس آشنا شدم و بعد از اون شروع به یادگیری زبان جاوا اسکریپت کردم و رفته رفته سعی کردم یک برنامه نویس Front-end بشم که به مبحث گرافیک هم علاقه منده و هر روز تلاش میکنه تا پیشرفت کنه و اگر تجربه ای داره با بقیه به اشتراک بزاره.
- آموزش ساخت صفحه ی وب سایت با استفاده از HTML و css
- ساخت فروشگاه اینترنتی با html ، css و bootstrap - بخش اول
- آموزش نصب ، راه اندازی و کامپایل sass
- میانبر های مفید ادیتور VSCode
- سوالات مصاحبه ای از php و لاراول
این مقاله چقدر مفید بود ؟
