2014 OTEN Online Learning Support: Responsive design
9
Responsive content design Making our teaching and learning content accessible in all devices: mobiles, tablets, computers Image source: Microsoft Clipart Image source: Microsoft Clipart
-
Upload
jennypang2012 -
Category
Education
-
view
345 -
download
1
description
This powerpoint supports a range of workshops with examples of responsive design layouts and styles.
Transcript of 2014 OTEN Online Learning Support: Responsive design
Responsive content designMaking our teaching and learning content accessible in all devices: mobiles, tablets, computers
Image source: Microsoft Clipart
Image source: Microsoft Clipart
Mobile view: tables are stacked
Mobile view: promo box is repositioned
So, how to check your content is responsive?
Resize your browser to 1/3.
Content responds? Excellent!
Image source: Microsoft Clipart