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

TAGS:

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

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


Olympic Games 2008 WSI/OTEN TAFE NSW 2006 Welcome to Sydney Institute of TAFE Meets Olympic Games 2008 - Beijing Paula Williams ( Presenter) WSI OTEN TAFE.

Olympic Games 2008 WSI/OTEN TAFE NSW 2006 Welcome to Sydney Institute of TAFE Meets Olympic Games 2008 - Beijing Paula Williams ( Presenter) WSI OTEN TAFE.

WordPress Responsive Theme Design - doc.lagout.org · Table of Contents WordPress Responsive Theme Design Credits About the Author About the Reviewers Support files, eBooks, discount

WordPress Responsive Theme Design - doc.lagout.org · Table of Contents WordPress Responsive Theme Design Credits About the Author About the Reviewers Support files, eBooks, discount

Facilitate support responsive to the specific nature of dementia CHCAC416A.

Facilitate support responsive to the specific nature of dementia CHCAC416A.

WARFIGHTER FOCUSED, GLOBALLY RESPONSIVE SUPPLY · PDF filewarfighter focused, globally responsive supply chain leadership 1 defense logistics agency america’s combat logistics support

WARFIGHTER FOCUSED, GLOBALLY RESPONSIVE SUPPLY · PDF filewarfighter focused, globally responsive supply chain leadership 1 defense logistics agency america’s combat logistics support

Why Responsive Design Support is the Most Important

Why Responsive Design Support is the Most Important

March 2019 Culturally Responsive Teaching · Teachers are the drivers of culturally responsive practices in schools and classrooms. But without the appropriate training and support,

March 2019 Culturally Responsive Teaching · Teachers are the drivers of culturally responsive practices in schools and classrooms. But without the appropriate training and support,

Responsive Design: principles for effective technological support

Responsive Design: principles for effective technological support

Sydney Diocese Careers Advisors tour oten · OTEN GraduationCertificate III Disabilities 2010 TVET Course Guide Meet the new OTEN TVET Consultantability Framework resultsareas, studying

Sydney Diocese Careers Advisors tour oten · OTEN GraduationCertificate III Disabilities 2010 TVET Course Guide Meet the new OTEN TVET Consultantability Framework resultsareas, studying

2014 OTEN OLS: What it is + key features

2014 OTEN OLS: What it is + key features

up.time 6.0.1 User Guide · uptime software delivers responsive customer support. Customer support is available to licensed and demonstration users. uptime software offers user support

up.time 6.0.1 User Guide · uptime software delivers responsive customer support. Customer support is available to licensed and demonstration users. uptime software offers user support

Structural and supporting systems - OTEN - Your Decision · structural support, in ... Topic 1.4 Structural and supporting systems CPCCBS6001 Ed ... Steel framing can be used with

Structural and supporting systems - OTEN - Your Decision · structural support, in ... Topic 1.4 Structural and supporting systems CPCCBS6001 Ed ... Steel framing can be used with

3 August 2011 Careers Transitions OTEN Counselling & Career Development Service.

3 August 2011 Careers Transitions OTEN Counselling & Career Development Service.

Anak sa Pobreng Oten 1

Anak sa Pobreng Oten 1

Oracle Alta UI Patterns for Enterprise Applications and Responsive UI Support

Oracle Alta UI Patterns for Enterprise Applications and Responsive UI Support

Including Students with Disabilities in a Culturally Responsive Multi-Level System of Support

Including Students with Disabilities in a Culturally Responsive Multi-Level System of Support

OTEN SMS Trials 2004 & 2005

OTEN SMS Trials 2004 & 2005

MCM Learning Resource OTEN Presentation1

MCM Learning Resource OTEN Presentation1

OTEN RPL Information

OTEN RPL Information

THE DEVELOPMENT OF TOOLS DIAGNOSING RESPONSIVE LEADERSHIP seepma... · responsive leadership, based on the insights of the multiple-case study, to support the successful implementation

THE DEVELOPMENT OF TOOLS DIAGNOSING RESPONSIVE LEADERSHIP seepma... · responsive leadership, based on the insights of the multiple-case study, to support the successful implementation

2014 OTEN Online Learning Support Site (OLS)

2014 OTEN Online Learning Support Site (OLS)