User Tools

Site Tools


advanced_responsive_layouts_with_css_flexbox

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

advanced_responsive_layouts_with_css_flexbox [2016/01/05 23:32] (current)
leo created
Line 1: Line 1:
 +  - (0) Introduction
 +    - [[cffl:​Welcome]]
 +    - [[cffl:How to use the exercise files]]
  
 +  - What is Flexbox?
 +    - [[cffl:What Is Flexbox?]]
 +    - [[cffl:​Caveats when using Flexbox today]]
 +  - Flexbox-Powered Menus
 +    - [[cffl:​Exploring common menu layouts]]
 +    - [[cffl:​Marking up five types of menus]]
 +    - [[cffl:​Using Flexbox to control single-level menu layout]]
 +    - [[cffl:​Using Flexbox to control advanced menus]]
 +    - [[cffl:​Using Flexbox to control multilevel menus with dropdowns]]
 +    - [[cffl:​Creating a social media menu]]
 +    - [[cffl:​Using Flexbox to control multiple menus]]
 +  - Responsive Card Layouts
 +    - [[cffl:​Challenges with card layouts]]
 +    - [[cffl:​Marking up typical cards]]
 +    - [[cffl:​Using Flexbox to create a grid of cards]]
 +    - [[cffl:​Adding responsive breakpoints]]
 +    - [[cffl:​Solving the common "​anchor doesn'​t fill the card" problem]]
 +  - title
 +    - [[cffl:Holy Grail Layout]]
 +    - [[cffl:What is the holy grail layout?]]
 +    - [[cffl:​Marking up the holy grail layout in HTML]]
 +    - [[cffl:​Styling the holy grail layout with Flexbox]]
 +    - [[cffl:​Changing the layout with Flexbox]]
 +  - Handing Control to the User
 +    - [[cffl:​Handing control to the user]]
 +    - [[cffl:​Sidebar position switching]]
 +    - [[cffl:​Changing from holy grail to vertical display]]
 +    - [[cffl:​Hiding and showing the sidebar]]
 +    - [[cffl:​Animating content]]
 +  - Putting It All Together
 +    - [[cffl:​Putting It All Together]]
 +    - [[cffl:Next steps]]
 +    - [[cffl:​Thank you]]
advanced_responsive_layouts_with_css_flexbox.txt ยท Last modified: 2016/01/05 23:32 by leo