TeamTreeHouse - CSS Layout Techniques (2014)

MP4 | AVC 281kbps | English | 1280x720 | 29.97fps | 3 hours | AAC stereo 61kbps | 363 MB

Genre: Video Training

Learn how to work with the common layout and positioning methods used in web design. Throughout the course we’ll build a layout using display methods, floats, positioning schemes, even Flexbox, the latest and most advanced CSS layout feature. We’ll cover the strengths and benefits of each method, along with common layout issues and how to solve them. At the end of the course we'll learn how to create a responsive grid system using many of the layout and positioning techniques covered.

1. Display Modes

1. CSS Layout Techniques Overview

2. Which CSS Reset Method Should I Use_

3. Block vs. Inline Elements

4. Inline-Block Formatting

5. Table Display

6. Column Layout with Inline-Block

2. _Float Layout_

1. Why Floats are Used in Web Design

2. Creating a Horizontal Menu

3. The Float Clearfix

4. Floating Columns and Images

5. Mobile First Layout

3. Positioning Schemes

1. Relative Positioning

2. Absolute Positioning

3. Fixed Positioning

4. Absolute Centering

4. Flexbox Layout

1. Using Flexbox Today

2. Build a Navigation with Flexbox

3. Animating Flexbox

4. Flexbox Columns

5. Providing Fallbacks with Modernizr

5. Grid Layout

1. Understanding Grids

2. Creating Fluid Grid Columns

3. Creating the Grid Container

4. Testing our Grid