+ All Categories
Home > Education > 2014 OTEN Online Learning Support: Responsive design

2014 OTEN Online Learning Support: Responsive design

Date post: 28-Nov-2014
Category:
Upload: jennypang2012
View: 345 times
Download: 1 times
Share this document with a friend
Description:
This powerpoint supports a range of workshops with examples of responsive design layouts and styles.
Popular Tags:
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
Transcript
Page 1: 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

Page 2: 2014 OTEN Online Learning Support: Responsive design
Page 3: 2014 OTEN Online Learning Support: Responsive design
Page 4: 2014 OTEN Online Learning Support: Responsive design
Page 5: 2014 OTEN Online Learning Support: Responsive design
Page 6: 2014 OTEN Online Learning Support: Responsive design
Page 7: 2014 OTEN Online Learning Support: Responsive design

Mobile view: tables are stacked

Page 8: 2014 OTEN Online Learning Support: Responsive design

Mobile view: promo box is repositioned

Page 9: 2014 OTEN Online Learning Support: Responsive design

So, how to check your content is responsive?

Resize your browser to 1/3.

Content responds? Excellent!

Image source: Microsoft Clipart


Recommended