elyas
5 سال پیش توسط elyas مطرح شد
9 پاسخ

FlexBox و Css Grid

سلام خدمت تمامی عزیزان
FlexBox و Css Grid و... تو تموم پروژه ها کاربرد دارند؟؟؟
و اینکه وقتی اینا هستن چرا بازم از css استفاده میکنن ؟؟؟
یه توضیح خوب میشه بدید ممنون میشم


ثبت پرسش جدید
علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
0

Flexbox نسبتا جدیده

قبل از اون ۴ نوع layouy داشتیم:

  • Block
  • Inline
  • Table
  • Position

قبل از Flexbox مجبور بودیم از روش های دیگه برای پوزیشنینگ استفاده کنیم. اما هنوز هم خیلی ها از Flexbox استفاده نمیکنند..

وقتی اینا هستن چرا بازم از css استفاده میکنن ؟؟؟

همونطور که اشاره کردم Flexbox برای پوزیشنینگ استفاده میشه و خیلی موارد دیگه رو باید با خود CSS استایل دهی کنیم


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
-1

برای چیدمان بخش های مختلف سایت و همینطور چیدمان عناصر مختلف صفحه، می تونید از سه روش اصلی استفاده کنید:
float: روش قدیمی تر، کار باهاش مشکل تر هستش و محدودیت هایی داره.
flexbox: چیدمان تک بعدی
css-grid: چیدمان دو بعدی

float: به دلیل محدودیت هایی که داره و کار باهاش مشکل تر هستش، در طراحی های جدید کمتر مورد استفاده قرار میگیره.
flexbox و css-grid: کار با flexbox پیچیدگی کمتری داره، در مقابل css-grid ویژگی های بیشتری رو داره که قابلیت های بیشتری رو براتون فراهم می کنه. نکته بعدی هم اینه که شما می تونید این دو رو بصورت ترکیبی در کنار همدیگه هم بکار ببرید.


elyas
تخصص : آموزگار و برنامه نويس مبتدي
@elias 5 سال پیش مطرح شد
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

FlexBox و Css Grid و... تو تموم پروژه ها کاربرد دارند؟؟؟
شما می تونید تقریبا تمام عناصر یک صفحه رو با FlexBox بچینید و نیازی هم به Css Grid نداشته باشید.
همچنین شما می تونید تقریبا تمام عناصر یک صفحه رو با Css Grid بچینید و نیازی هم به FlexBox نداشته باشید.
پس در یک پروژه مجزا، شما به انتخاب خودتون می تونید یکی رو برگزینید و ساختار صفحه رو ایجاد کنید.

بعلاوه: شما می تونید تمام عناصر یک صفحه رو با ترکیبی از FlexBox و Css Grid بچینید.


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

FlexBox و Css Grid و... تو تموم پروژه ها کاربرد دارند؟؟؟
جواب بله هستش، در تمام پروژه ها می تونند کاربرد داشته باشند و همچنین به انتخاب خودتون می تونید تنها از یکی استفاده کنید. مگر اینکه شما بخواید از روش های قدیمی استفاده کنید، یعنی با float، که من توصیه نمی کنم.


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

FlexBox و Css Grid و... تو تموم پروژه ها کاربرد دارند؟؟؟
و اینکه وقتی اینا هستن چرا بازم از css استفاده میکنن ؟؟؟

متوجه سوال تون نمیشم، FlexBox و Css Grid خودشون جز css هستند. سوال واضح نیستش!؟
مثل اینکه بگی تا وقتی برچسب های button و a هستش، چرا از html استفاده میشه؟ معنی نمیده این سوال.


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

sass رو هم نمیشه با FlexBox و Css Grid مقایسه کرد، بازم قیاس خطایی هستش.

sass رو باید با خود css مقایسه کرد.
sass یک پیش پردازنده هستش، یعنی ما ابتدا کدهای sass رو می نویسیم، سپس کدهای مورد پردازش قرار میگیره و تبدیل به کدهای css میشه و در نهایت ما ازین کدهای css در پروژه خودمون استفاده می کنیم.

در sass ما می تونیم کارهایی رو انجام بدیم که با css امکانش برامون وجود نداشت. مثلا کدهای css رو بصورت تودرتو بنویسیم. این تودرتو نویسی باعث سرعت نوشتن کدها میشه، ولی در css ما اجازه چنین نحوی رو نداشتیم.


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

توصیه ها:

  • با float آشنایی پیدا کنید تا بفهمید کلا چی هستش و چطوری کار می کنه. اما به سرعت برید سراغ flexbox و کار رو با اون پیش ببرید. وقتی به flexbox مسلط شدین، می تونید برید و Css Grid رو هم بیاموزید.
  • ابتدا خود css رو یاد بگیرید و وقتی که مسلط شدین می تونید سراغ sass برید.

اگر css رو مسلط نیستید ابتدا اون رو قوی کنید، سپس پیشنهاد میدم:
دوره آموزشی flexbox از سایت راکت رو بهتون پیشنهاد میدم، دوره ه ی خوبی هستش.
دوره ی Css Grid راکت رو پیشنهاد نمیدم، این دوره ضعیف هستش.
دوره آموزشی sass از سایت راکت رو هم بهتون پیشنهاد میدم، به جز جلسه آخرش که خیلی ضعیف تدریس شده، باقی جلسات خیلی تدریس خوبی داره و مثال های قشنگی هم زده میشه.


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
0

Sass و Less جز Pre processor ها هستند و در نهایت تبدیل به کدهای CSS میشند


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام