Layout tools, UCDA 2019

“Designerly layout tools, at last: teaching new CSS layout techniques” talk at the UCDA Design Education Summit: Collaborate, 20–21 May 2019.

Example code

Examples (ZIP)

Classes

• Intro interaction design course, spring 2019
• Advanced interaction design course, spring 2019

Resources

• Grid by Example, Rachel Andrew: excellent introductory videos
• Jen Simmons Labs: layout experiments
• Layout Land: videos by Jen Simmons; tend toward commentary and context, or toward in-depth examinations of techniques
• “Intrinsic Web Design”: podcast interview, Jen Simmons on The Big Web Show with Jeffrey Zeldman
• Can I Use tables for CSS Grid
• What Screens Want, Frank Chimero
• CSS Grid Layout at MDN
• Firefox and docs on Firefox Page Inspector

Books

• The New CSS Layout , Rachel Andrew