article thumbnail

Square pegs and round holes: How to make e-learning more mobile responsive

Saffron Interactive

This is becoming easier and easier because of the advent of CSS3 and its design techniques such as fluid grid layouts, media queries and flexible images. Media queries are used to figure out what resolution of device is being used by the user while flexible images and fluid grids then resize correctly to fit with the screen accordingly.

RWD 85
article thumbnail

Adaptive versus Responsive Design

Obsidian Learning

Adaptive design is server-side , meaning the images are optimized for specific screen resolutions before the page is even delivered. For example, when a high-density retina display is detected, high-resolution images are transferred and used instead of defaulting to high-resolution images for everyone. Responsive.

RWD 40
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

article thumbnail

Go Mobile or Go Home

Association eLearning

So a mobile responsive website or mobile responsive LMS is one that adapts to various screens, like an iPad or an android phone. Links are clear and usable, text is readable (without that pinch thing), and you can see whole images without having to scroll. To test your website, visit this link. So what does this really mean?

Mobile 100
article thumbnail

Go Mobile or Go Home

Association eLearning

So a mobile responsive website or mobile responsive LMS is one that adapts to various screens, like an iPad or an android phone. Links are clear and usable, text is readable (without that pinch thing), and you can see whole images without having to scroll. To test your website, visit this link. So what does this really mean?

Mobile 100
article thumbnail

Why an Instructional Design Degree from Bloomsburg University ROCKS!

Kapp Notes

They blog, contribute to wikis, and design instruction for a 3D virtual environment as well as create web sites for mobile learning devices. They continue to learn about the latest tools and we discuss how they are used in organizations to facilitate learning. Fourth, our students stay on the cutting edge.

article thumbnail

6 Reasons Why Responsive Design Makes sense as the Future of e-Learning and m-Learning Design

mLearning Revolution

OMD research: viewers switch devices regularly while the TV is on (Image credit: Nathan Daniels). In other words, simply designing e-Learning for a desktop computer is no longer a viable option! One positive change I have noticed in the past two years, is that we have gone from asking ‘ why should I care about Mobile Learning ?’

article thumbnail

Responsive E-learning Development – What, Why, and How

CommLab India

Before we see what responsive e-learning is, we need to understand what Responsive Web Design (RWD) means. Responsive e-learning is the application of RWD to the creation of online training material. To avoid this problem, it is better to adopt the opposite approach – developing the course first for mobile devices.

RWD 44