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.Introduction2 lessons, 06:24
Free Preview
1.1Introduction01:29
Free Preview
1.2What is Flexbox04:55

2.Using Flexbox13 lessons, 1:28:24
2.1Flexbox Containers07:44
2.2Column Widths10:43
2.3Width Shorthand07:42
2.4Flex-Direction04:05
2.5Reordering Your Content06:03
2.6Adding Content05:06
2.7Content Spacing03:36
2.8Wrapping Content06:22
2.9Flex-Flow Shorthand06:57
2.10Cross-Axis Alignment11:55
2.11Justifying Content04:31
2.12Align-Items07:39
2.13Adding Vendor Prefixes06:01

3.Sample Website Layout3 lessons, 20:53
3.1Building a Simple Layout05:30
3.2Styling the Layout07:48
3.3Finishing the Styles07:35

4.Conclusion1 lesson, 01:08
4.1Final Thoughts01:08

Post Tags:

CSS Training Tutsplus

Free Apple App

I'm Free Apple App. A full time web designer. I enjoy to make modern template. I love create blogger template and write about web design, blogger. Now I'm working with http://free-apple-apps.blogspot.com/. You can contact me.

Website: http://free-apple-apps.blogspot.com/