![\"Before](\"https:\/\/geteach.com\/blog\/wp-content\/uploads\/2021\/06\/newopen.jpg\")
![\"After](\"https:\/\/geteach.com\/blog\/wp-content\/uploads\/2021\/06\/oldopen.jpg\")
<\/div><\/div>\n\n\n\nSwipe Right: New UI \/ Swipe Left: Old UI<\/em><\/strong><\/p>\n\n\n\n It has been about five years since geteach.com<\/a>\u2019s last UI refresh. There are several issues that have been resolved. Watching students use the site in my classroom has brought on many of these changes, but some are just me wanting to tinker around. The most significant changes center around students using touch screens on their 11.6\u201d Chromebooks. <\/p>\n\n\n\n Other changes have to do with scrolling of panels and creating a vertical split screen mode for modern, relatively large, smarty phones and\/or tablets. As always, I am a one teacher shop that can only test on the devices that teachers can afford. So hopefully the new design works for your students. If not, the old version will be hosted here for the time being. https:\/\/geteach.com\/back2020.html<\/a><\/p>\n\n\n Swipe above image: New larger and on-hover highlighted buttons<\/em><\/strong><\/p>\n\n\n Swipe above image:<\/em><\/strong> “Select Map” menu has been reworked to better fit smaller screens<\/em><\/strong><\/p>\n\n\n Swipe above image:<\/em><\/strong> Close Streetview icon added to panel’s header<\/em><\/strong><\/p>\n\n\n Swipe above image:<\/em><\/strong> Added scrollbars to each panel to accommodate smaller screen sizes<\/em><\/strong><\/p>\n\n\n Swipe above image:<\/em><\/strong> The importance of scroll bars. Allowing students to work with varying window sizes<\/em><\/strong><\/p>\n\n\n\n “Layers” automatically toggles on after clicking a map set<\/em><\/strong><\/p>\n\n\n\n New vertical view option which might not help a lot in landscape on a computer, but…<\/em><\/strong><\/p>\n\n\n\n ..pretty handy in portrait mode on my Note 8 (image above) and\/or a tablet in portrait mode<\/em><\/strong><\/p>\n\n\n\n **Phone viewport must be wider than 385px**<\/p>\n","protected":false},"excerpt":{"rendered":" Swipe Right: New UI \/ Swipe Left: Old UI It has been about five years since geteach.com’s last UI refresh. There are several issues that have been resolved. Watching students use the site in my classroom has brought on many of these changes, but some are just me wanting to tinker around. The most significant […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-801","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/geteach.com\/blog\/wp-json\/wp\/v2\/posts\/801","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geteach.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/geteach.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/geteach.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/geteach.com\/blog\/wp-json\/wp\/v2\/comments?post=801"}],"version-history":[{"count":25,"href":"https:\/\/geteach.com\/blog\/wp-json\/wp\/v2\/posts\/801\/revisions"}],"predecessor-version":[{"id":843,"href":"https:\/\/geteach.com\/blog\/wp-json\/wp\/v2\/posts\/801\/revisions\/843"}],"wp:attachment":[{"href":"https:\/\/geteach.com\/blog\/wp-json\/wp\/v2\/media?parent=801"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/geteach.com\/blog\/wp-json\/wp\/v2\/categories?post=801"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/geteach.com\/blog\/wp-json\/wp\/v2\/tags?post=801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"Before](\"https:\/\/geteach.com\/blog\/wp-content\/uploads\/2021\/06\/newbutton.jpg\")
![\"After](\"https:\/\/geteach.com\/blog\/wp-content\/uploads\/2021\/06\/oldbutton.jpg\")
<\/div><\/div>\n\n\n\n![\"Before](\"https:\/\/geteach.com\/blog\/wp-content\/uploads\/2021\/06\/newMapSelectMenu.jpg\")
![\"After](\"https:\/\/geteach.com\/blog\/wp-content\/uploads\/2021\/06\/oldMapSelectMenu.jpg\")
<\/div><\/div>\n\n\n\n![\"Before](\"https:\/\/geteach.com\/blog\/wp-content\/uploads\/2021\/06\/newStreetviewClose.jpg\")
![\"After](\"https:\/\/geteach.com\/blog\/wp-content\/uploads\/2021\/06\/oldStreetview.jpg\")
<\/div><\/div>\n\n\n\n![\"Before](\"https:\/\/geteach.com\/blog\/wp-content\/uploads\/2021\/06\/scrollbars.jpg\")
![\"After](\"https:\/\/geteach.com\/blog\/wp-content\/uploads\/2021\/06\/scrollbarsOld.jpg\")
<\/div><\/div>\n\n\n\n![\"Before](\"https:\/\/geteach.com\/blog\/wp-content\/uploads\/2021\/06\/scrollbars2.jpg\")
![\"After](\"https:\/\/geteach.com\/blog\/wp-content\/uploads\/2021\/06\/scrollbarsOld2.jpg\")
<\/div><\/div>\n\n\n\n![\"\"](\"https:\/\/geteach.com\/blog\/wp-content\/uploads\/2021\/06\/layerSelectAuto-1140x641.jpg\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/geteach.com\/blog\/wp-content\/uploads\/2021\/06\/vert-1140x641.jpg\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/geteach.com\/blog\/wp-content\/uploads\/2021\/06\/vertPhone-312x641.jpg\")
<\/figure><\/div>\n\n\n\n