Responsive Web Design. Flexbox - StanislauZubovich/UXMiniLab GitHub Wiki

###Trainer: Stanislau Zubovich

###Slides http://stanislauzubovich.github.io/RWD/

###Content

1. What is RWD?
2. Core Techniques
   • Fluid Foundation
   • Flexible Content
   • Media Queries
3. Responsigve Web Design (http://alistapart.com/article/responsive-web-design)
4. Mobile vs. Desktop browsing
5. Grid
6. Layout
   • Source Order Stacking
   • Content Chareography
   • Off Canvas
7. Typography
   • Readability
8. Images
   • Content
   • Bandwidth
   • Pixel density
   • Format
9. Image Solution(s)
   • SVG/WebP
   • Icon Fonts
   • Pixel density media queries
   • Picture(fill)
10. Media Queries
    • Desktop First vs. mobile First
11. Layout
    • Table
    • Float
    • CSS3 Layout Modules
12. Flexbox
    • display: flex
    • flex-direction
    • justify-content
    • align-items
    • align-self
    • flex
      • flex-grow
      • flex-shrink
      • flex-basis
    • order
    • flex-wrap
    • align-content