loading...

دانلود آموزش

Flexbox ها کدهای جدید در CSS می باشند که توسط W3C برای رفع مشکلات استفاده از کد های float و طراحی زیبا و دقیق تر سایت ها بخصوص سایت های ریسپانسیو ارائه شده است ...

O بازدید : 191 شنبه 17 مهر 1400 نظرات (0)

Flexbox ها کدهای جدید در CSS می باشند که توسط W3C برای رفع مشکلات استفاده از کد های float و طراحی زیبا و دقیق تر سایت ها بخصوص سایت های ریسپانسیو ارائه شده است. پس از منسوخ شدن استفاده از table در طراحی قالب سایت، استفاده از کد float جز کد های پرطرفدار طراحان به شمار می رفت که استفاده از آن طراحان را دچار مشکلاتی می کرد. علاوه بر اینکه استفاده از Flexbox ها اصولی تر از کدهای Float می باشند، استفاده از آن تاثیر بسزایی در index صفحات سایت توسط موتورهای جستجوی گوگل نیز دارد و در نتیجه در سئوی سایت بسیار موثر است. مهمترین نکته ای که در روزهای اول ارائه Flexbox وجود داشت این بود که این کدها تنها برای طراحی بخشی از صفحه سایت (برای مثال منو) استفاده می گردید و برای طراحی قالب کل صفحه مورد استفاده نبود، چرا که برای ساخت قالب اصلی سایت با Flexbox ها باید از مجموعه کدهای Flexbox و CSS در کنار هم استفاده شود که به این مجموعه Grid Layout Module گفته می شود. جدا از تمام مزایای Grid Layout Module، این مجموعه یک محدویت بزرگ را برای طراحان به همراه داشت، حتی آخرین نسخه های بروزرسانی مرورگرها هم با آن مشکل داشت. در واقع یکی از علت هایی که ورژن های مختلفی از Flexbox ها ارائه شد تردید شرکت های ارائه دهنده مرورگر ها در پشتیبانی از آن بود. به کمک کد های Flexbox می توانیم بجای اینکه برای هر آبجکت بصورت انفرادی خصوصیت تعیین کنیم، تمام آبجکت ها را بصورت گروه در آورده و برای آنها style های گروهی قرار دهیم. در واقع استفاده از Flexbox  ها بهترین گزینه برای موقعیت دهی آبجکت های درون یک صفحه می باشد.

Packt The Complete CSS Flexbox Guide with a Complete Project

Do you want to create complex website layouts easily and quickly with just simple lines of code? This course will help you to create those complex website layouts with ease using the magic of flexbox.

 

You will start this course by creating your first flexbox container to understand how flexbox works. Next, you will learn how to control the alignment of elements using the CSS flexbox. Moving along, you will grasp techniques to control the size of elements and to build basic and advanced menus using flexbox. Toward the end, you will learn to build a website with advanced responsive layouts, such as Holy Grail, equal columns layout, and horizontal masonry.

 

By the end of this course, you will be able to create real-world responsive website layouts using flexbox.

مشخصات

شرکت سازنده: انتشارات پکت / Packt Publishing Link to
نام انگلیسی: Packt The Complete CSS Flexbox Guide with a Complete Project
نام فارسی: آموزش کامل سی اس اس فلکس باکس
زبان آموزش: انگلیسی
زیرنویس: ندارد
مدرس: Ahmed Sadek
سطح آموزشی: مقدماتی, متوسطه
زمان آموزش: 2 ساعت + 24 دقیقه
حجم فایل: 1140 مگابایت
تاریخ انتشار: 23:00 - 1400/7/16 | 2021.10.08
منبع: پی سی دانلود / www.p30download.ir
امتیاز: 2.5 Star(s) 2.5/5

لینک های دانلود

رمز: www.p30download.com

اطلاعات حجم: 1.14 گیگابایت
 

دانلود دانلود - بخش اول
 

دانلود دانلود - بخش دوم
 

دانلود دانلود - بخش سوم

 

 
مطالب مرتبط
ارسال نظر برای این مطلب

کد امنیتی رفرش
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • آمار سایت
  • کل مطالب : 128
  • کل نظرات : 1
  • افراد آنلاین : 8
  • تعداد اعضا : 0
  • آی پی امروز : 115
  • آی پی دیروز : 14
  • بازدید امروز : 175
  • باردید دیروز : 15
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 190
  • بازدید ماه : 290
  • بازدید سال : 5,480
  • بازدید کلی : 114,550
  • کدهای اختصاصی
    _________________________ _________________________