· 16/05/2014 Making layout decisions • Address content needs • Lead the eye through the content • Unique footprint • Asymmetrical triangle • Avoid trapped space
· 16/05/2014 Layout on the web • Understand tricky CSS units • Top/bottom margin and padding percentages are based on width • A pixel is not a pixel, and subpixels are insane
· 16/05/2014 Layout on the web • Understand tricky CSS units • Top/bottom margin and padding percentages are based on width • A pixel is not a pixel, and subpixels are insane http://palantir.net/blog/responsive-design-s-dirty-little-secret
· 16/05/2014 Layout on the web • Understand tricky CSS units • What is possible RIGHT NOW? • Flexbox for content layout • VW VH for page/screen layout (soon!)
· 16/05/2014 Layout on the web • Understand tricky CSS units • What is possible RIGHT NOW? • Flexbox for content layout • VW VH for page/screen layout (soon!) • Percentages and floats for fallback or max compatibility
· 16/05/2014 Fluid grid theory • Responsive vs Fluid - use both! • Ratios help us build proportional harmony • Scales give us variety based on harmony • Think content out
· 16/05/2014 Fluid grid theory • Responsive vs Fluid - use both! • Ratios help us build proportional harmony • Scales give us variety based on harmony • Think content out • Modularity for a more useful grid system