{"id":1118,"date":"2023-11-07T10:00:00","date_gmt":"2023-11-07T10:00:00","guid":{"rendered":"https:\/\/blogs.ncl.ac.uk\/fmstel\/?p=1118"},"modified":"2023-10-04T10:11:22","modified_gmt":"2023-10-04T09:11:22","slug":"taking-ctrl-device-mode","status":"publish","type":"post","link":"https:\/\/blogs.ncl.ac.uk\/fmstel\/2023\/11\/07\/taking-ctrl-device-mode\/","title":{"rendered":"Taking Ctrl: Device Mode"},"content":{"rendered":"\n
\"\"<\/figure><\/div>\n\n\n\n

The Problem<\/h2>\n\n\n\n

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.<\/p>\n\n\n\n

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?<\/p>\n\n\n\n

The Solution<\/h2>\n\n\n\n

Windows: F12
Mac: Cmd + Opt + I<\/p>\n\n\n\n

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:<\/p>\n\n\n\n

\"\"
Example showing responsive and iphone views<\/figcaption><\/figure>\n\n\n\n

Learn more: Chrome Documentation<\/a> <\/p>\n\n\n\n

\n\n\n\n

Enjoy this post? Check out the others in our Taking Ctrl series<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

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 … Continue reading “Taking Ctrl: Device Mode”<\/span><\/a><\/p>\n","protected":false},"author":7576,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[348],"tags":[31,12,517,68,77],"class_list":["post-1118","post","type-post","status-publish","format-standard","hentry","category-taking-ctrl","tag-accessibility","tag-canvas","tag-content-editing","tag-mobile-device","tag-online-learning"],"_links":{"self":[{"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/posts\/1118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/users\/7576"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/comments?post=1118"}],"version-history":[{"count":3,"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/posts\/1118\/revisions"}],"predecessor-version":[{"id":3027,"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/posts\/1118\/revisions\/3027"}],"wp:attachment":[{"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/media?parent=1118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/categories?post=1118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/tags?post=1118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}