0

You have no items in your shopping cart.

0

ورود به سایت

نام کاربری *
رمز عبور *
مرا بخاطر بسپار

ایجاد حساب کاربری

فیلدهای ستاره دار الزامی است.
نام *
نام کاربری *
رمز عبور *
تایید رمز عبور *
ایمیل *
تایید ایمیل *
کپچا *
امتیاز
(4 )

6 فریم ورک محبوب CSS در سال 2019

6 فریم ورک محبوب CSS در سال 2019

6 فریم ورک محبوب css در سال 2019 کدامند؟ در این مقاله قصد داریم به معرفی 6 فریم ورک css محبوب در بین برنامه نویسان در سال 2019 بپردازیم و ویژگی های آنها را عنوان کنیم تا برای استفاده در پروژه های خوب تصمیم بهتری را بگیرید.

مطالعه کنید: آموزش جامع CSS , HTML

فریم ورکهای CSS در این مقاله شامل:

  • Bulma
  • Tailwind CSS
  • Bootstrap 4
  • Semantic UI
  • Foundation
  • Materialize CSS

فریم ورک Bulma

فریم ورک Bulma در جایگاه نخست این مقاله قرار دارد.بیشترین دلیل محبوبیت فریم ورک بولما عدم وجود کدهای جاوااسکریپت بوده و این فریم ورک تنها و تنها شامل کدهای خالص css است و به همین دلیل باعث سبک شدن و اجرای سریع پروژه ی شما در مرورگر میشود.ویژگی دیگر فریم ورک Bulma استفاده از ویژگی Flexbox در گریدبندی میباشد . در بوت استرپ نسخه های قبل از 4 این ویژگی وجود نداشت و از Float برای جایگیری Div ها استفاده میشد و در این زمان فریم ورک Bulma توانست رقیبی سخت برای بوت استرپ باشد.

ویژگی های فریم ورک Bulma :

  • استفاده از ویژگی Flexbox
  • کاملا سازگار با ریسپانسیو و موبایل
  • بدون هیچگونه کدهای Javascript
  • استفاده از ویژگی Sass

فریم ورک Tailwind CSS

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

<button class="bg-blue hover:bg-blue-dark text-white font-bold py-2 px-4 rounded">
  دکمه طراحی شده با Tailwind CSS
</button>

فریم ورک Bootstrap 4

با اینکه فریم ورک Bootstrap 4 یا همان بوت استرپ نسخه ی 4 در جایگاه سوم قرار دارد ، اما میتوان گفت که پر استفاده ترین فریم ورک کنونی در دنیا میباشد و اکثر برنامه نویسان با کدهای آن آشنا هستند. در نسخه ی 4 بوت استرپ از ویژگی Flexbox به خوبی استفاده شده است.در نسخه ی 4 از رنگ بندی های جدید ، کلاس های کاربردی جدید ، flexbox و Sass رونمایی شده است و همین موارد باعث شد که این فریم ورک جایگاه خود را حفظ نمایید و از محبوبیت آن کاسته نشود.

ویژگی های فریم ورک Bootstrap :

  • رنگ بندی های متنوع
  • کلاسهای کاربردی جدید
  • استفاده از قابلیت Flexbox
  • استفاده از Sass و Less

فریم ورک Semantic UI

فریم ورک Semantic UI یا سمانتیک یو آی یکی از فریم ورکهای جذاب میباشد که ظاهری متفاوت به پروژه های شما خواهد داد چرا که دارای کامپوننت های بسیار زیادی به نسبت سایر فریم ورکهای CSS داراست و سازنده ی فریم Semantic UI بیشتر تمرکز خود را بر روی ظاهر متفاوت و خاص این فریم ورک گذاشته است و نتیجه ی کار بسیار دیدنی است.اما با این ویژگی های خوب میتوان گفت که به نسبت سایر فریم ورکهای CSS کمی سنگین تر میباشد و سرعت بارگزاری سایت شما را کندتر خواهد کرد.یکی دیگر از ویژگی های فریم ورک Semantic UI همانطور که از نامش پیداست خصوصیت معنا گرایی آن است یعنی دستورات و کدهایی که استفاده میکنید با بسیار ساده و در عین حال با معنی قابل درک توسط انسان است که به آن اصطلاحا human-friendly HTML گفته میشود.

فریم ورک Foundation

فریم ورک Foundation یا فاندیشن طبق گفته ی طراحان آن مختص حرفه ای هاست و تمام ویژگی هایی که تا کنون در خصوص فریم ورکها شرح داده شده است مانند قابلیت ریسپانسیو ، Flexbox و ... در این فریم ورک وجود دارد.فریم ورک Foundation دارای تمپلیت های استارتر یا آماده میباشد که برای طراحی قسمت های مختلف سایت مانند لیست ایمیل و غیره میتوان استفاده کرد.

فریم ورک Materialize CSS

اگر مایل به طراحی استایل پروژه های خود با ظاهری مشابه با متریال دیزاین گوگل دارید ، از فریم ورک Materialize CSS میتوانید استفاده کنید.این فریم ورک استایلی مشابه با  متریال دیزاین گوگل را به شما هدیه میدهد! این فریم ورک توسط 4 دانشجو طراحی شده است.

مطالعه کنید: 10 فریم ورک محبوب و برتر PHP در سال 2019



میتوانید این مطلب را چاپ و یا به صورت PDF دانلود کنید

چاپ/PDF

نظرات (2)

  1. علی اقدام

بولما عالی و سبکه ولی به نظرم بوت استرپ 4 حرف نداره و چون اکثرا کدهاش شناخته شده است و بیشتر توسعه دهنده ها ازش استفاده میکنن من نظرم بین این فریم ورکا بوت استرپه

  1. ابوالفضل طالبی    علی اقدام

بله قطعا بوت استرپ جایگاه خاصی داره برای خودش

نظری ثبت نشده است

سوالات و نظرات خود را ثبت نمایید.سوالات و نظرات توسط مدیران سایت پاسخ داده میشوند

ارسال نظر به صورت میهمان ثبت نام کنید و یا وارد شوید به حساب کاربری خودتان
پیوست ها (0 / 3)
Share Your Location
76 دوره ی آموزشی
32,683 دانشجو
933,257 بار دانلود

برخی نظرات کاربران

درود..من قبلا با لاراول در حد متوسط کار کردم..تصادفا با سایتتون آشنا شدم و فیلمای لاراول رو گرفتم و دیدم..متونم بگم یکی از بهترین های وب ایران میتونه باشه این دوره..از استاد عزیز این دوره آقای طالبی نهایت تشکر رو دارم..و بیصبرانه منتظر ادامه ی این دوره م..پر انرژی تر از قبل به کارت
سلام استاد عزیز، داشتم به این فکر میکردم که اگه کسی بخواد لاراول یاد بده واقعا میشه از این بهتر بگه یا نه؟! به این نتیجه سیدم که واقعاااااا عالییییییه.... واقعا ممنونم... ایشالا که خیییل زود تکمیل بشه و من هم که دیگه گمونم معتاد آموزش هاتون شدم و باید بقیه ی آموزش های سایت رو هم کم
سلام استاد عزیز ممنون از تدریس فوق العاده تون خیلی خیلی عالیه. میخواستم خواهش کنم اگر ممکنه سایت نهایی رو به روش restfull api پیاده سازی بفرمایید تشکر فراوان از زحمات شما .
من تازه کار هستم چقدر خوب که در کنار این مطلب مفید دوره ی پی اچ پی هم رایگان قرار دادید.تا ویدیو شماره 11 را دیدم که بسیار با تسلط و صدای خوب و عالی آموزش داده شده جای تشکر و قدردانی دارد

الف یار- مهارت بیشتر ، درآمد بیشتر

الف یار مرجع آموزشهای حرفه ای در زمینه ی برنامه نویسی و طراحی وب از سال 1390 فعالیت خود را آغاز کرده است و تا کنون ویدیو های آموزشی متفاوت و جامعی را به مخاطبان خود ارائه کرده است.
الفیار دارای مجوز نشر دیجیتال به شماره 2858 از وزارت ارشاد میباشد و کپی برداری و نشر محصولات آموزشی الفیار شرعا حرام و دارای پیگرد قانونی خواهد بود