Taking Ctrl: Device Mode

The Problem

When you’re putting together course materials, it’s important to think about how it’ll look to your students. Laptops and monitors come in all shapes and sizes, so what looks good on your screen might not on someone else’s.

It is also becoming increasingly common for students to access content on their mobile phones and tablets. How can you efficiently ensure that everything appears visually pleasing and functional across these diverse devices?

The Solution

Windows: F12
Mac: Cmd + Opt + I

This opens the developer tools, which includes a ‘device mode’ where you can see how your content will look and function on different devices. The below example is using Chrome on a windows machine:

Example showing responsive and iphone views

Learn more: Chrome Documentation


Enjoy this post? Check out the others in our Taking Ctrl series.

Technology in your pocket

We have had a few enquiries via FMS Enquiries about getting tasks done without specialist equipment we would normally have on hand in our offices.

We have recently added some information to the FMS Community on how to use mobile devices to produce learning materials. A kind of Do It Yourself guide for producing materials from home or on location.

Create video, audio, images, presentations, conduct meetings, and communicate with students and staff. Set students tasks to do on their own devices. Check it out here: https://ncl.instructure.com/courses/30988/pages/technology-in-your-pocket.

Your device may not have all the features identified, but it may give you some ideas.