E-Books / Video Training →Flexbox The complete guide
Flexbox: The complete guide
MP4 | Video: AVC 1280x720 | Audio: AAC 44KHz 2ch | Duration: 1 Hours | Lec: 16 | 128 MB
Genre: eLearning | Language: English
A complete guide across all the properties, values and concepts behind the new Flexbox CSS module.
This course is about Flexbox, the new layout module in CSS3 that lets build complex layouts more easily, with less code and with better quality.
It let's you lay out, align and distribute space among items within a container, even when their sizes are unknown or dynamic.
In this course you'll learn how to use flexbox for:
Aligning items both vertically and horizontally
To build from even the most complex layouts with ease
To build more responsive design
To create modern grids
And much more.
The only thing you need to take this course is:
A web browser
Knowledge of CSS
Knowledge of HTML.
During this course I will walk you through all the properties of this new CSS module but, besides that, I'll teach you the fundamentals. So you can understand what is really happening when working with the different properties.
Once you get the key concepts, the rest will be a joy to work with.
For this course I've built a page to give all the content you might need and it will have several exercises and embed code editor to see flexbox in action!
In these exercises you'll be able to change all the CSS and HTML e see the results live, which is really good so you can try different properties and values and see what is happening to your layout.
Here are the topics that we'll be talking 7;bout:
Basics and terminology
Flex container vs flex items
Alignment on the main axis
Alignment on the cross axis
Flex items alignment
Managing item's sizing
(If you need these, buy and download immediately before they are delete)
- Learn Flexbox in 2017 The Only Tutorial You Need
- Udemy - CSS Layout Techniques 2016 TUTORiAL
- 6 Flexbox Projects for Web Designers (Updated)
- The Web Developers Guide Learn HTML & CSS Fundamentals 2016
- 6 Flexbox Projects for Web Designers.