Flexbox  یک فریمورک مبتنی بر css است و راه بسیار خوبی برای ایجاد طرح بندی است و مبتنی بر شبکه کار می کند. در این دوره، به مشخصات ویژگی های Flexbox و به طرح بندی صفحه ساده و باز کردن ویرایشگر متن می پردازید.

دوره آشنایی با ویژگی های Flexbox  قبلا در سایت منتشر شده است. در این آموزش تصویری با نحوه کار با Flexbox آشنا می شوید.
این دوره آموزشی محصول موسسه TutsPlus است.

سرفصل های دوره:

  • Flexbox چیست؟
  • استفاده از Flexbox
  • تنظیم عرض ستون
  • مرتب سازی مطالب
  • اضافه کردن محتوا
  • رعایت فاصله بین محتوا
  • کار با مختصر نویسی در سایت
  • آموزش کار با Website
  • ساخت طرح های ساده
  • طراحی ظاهر سایت
  • و…

عنوان دوره: TutsPlus CSS: Flexbox Essentials

توضیحات:

The CSS3 Flexible Box layout model, or Flexbox to use it’s popular name, is a great way to create flexible and grid-based layouts without having to rely on floats or inline-block elements. In this course, Craig Campbell will show you all the fantastic things Flexbox can do, from setting up rows and columns, to understanding the properties of Flexbox. Finally, you’ll put this into practice by creating a simple page layout. So open up your favourite text editor and learn Flexbox!

1. Introduction 2 lessons
06:24
Free Preview
1.1 Introduction
01:29
Free Preview
1.2 What is Flexbox
04:55
2. Using Flexbox 13 lessons
1:28:24
2.1 Flexbox Containers
07:44
2.2 Column Widths
10:43
2.3 Width Shorthand
07:42
2.4 Flex-Direction
04:05
2.5 Reordering Your Content
06:03
2.6 Adding Content
05:06
2.7 Content Spacing
03:36
2.8 Wrapping Content
06:22
2.9 Flex-Flow Shorthand
06:57
2.10 Cross-Axis Alignment
11:55
2.11 Justifying Content
04:31
2.12 Align-Items
07:39
2.13 Adding Vendor Prefixes
06:01
3. Sample Website Layout 3 lessons
20:53
3.1 Building a Simple Layout
05:30
3.2 Styling the Layout
07:48
3.3 Finishing the Styles
07:35
4. Conclusion 1 lesson
01:08
4.1 Final Thoughts
01:08

حجم فایل: 654MB