{"id":446,"date":"2017-11-28T04:50:26","date_gmt":"2017-11-28T04:50:26","guid":{"rendered":"http:\/\/hardy-lavoie.com\/?p=446"},"modified":"2018-11-11T04:53:35","modified_gmt":"2018-11-11T04:53:35","slug":"module-6-assignment-1-browser-compatibility","status":"publish","type":"post","link":"https:\/\/hardy-lavoie.com\/?p=446","title":{"rendered":"MODULE 6, ASSIGNMENT 1: BROWSER COMPATIBILITY"},"content":{"rendered":"

These are the browser images:<\/p>\n

Safari<\/strong>:<\/p>\n

\"Safari\"<\/p>\n

Opera<\/strong>:<\/p>\n

\"Opera\"<\/p>\n

Firefox<\/strong>:<\/p>\n

\"FireFox\"<\/p>\n

Chrome<\/strong>:<\/p>\n

\"Chrome\"<\/p>\n

and these are the images from my mobile devices:<\/p>\n

iPhone<\/strong>:<\/p>\n

 <\/p>\n

\n
\n
\n
\"IMG_7504\"<\/a><\/div>\n<\/div>\n
\n
\"IMG_7505\"<\/a><\/div>\n<\/div>\n
\n
\"IMG_7506\"<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n

 <\/p>\n

iPad:<\/p>\n

 <\/p>\n

\n
\n
\n
\"IMG_0113\"<\/a><\/div>\n<\/div>\n
\n
\"IMG_0114\"<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n

 <\/p>\n

I\u2019m kinda disappointed that there weren\u2019t\u00a0more obvious differences between the different browsers. All of the text, color and layout match from one image to the next. The image from the Opera browser looks slightly skewed due to the toolbar on the lefthand side and the image from Safari includes the user toolbar since I was logged into WordPress at the time. The one minor difference which could be noted is that the title of the video in the Safari image is shortened by one letter in comparison to the others.<\/p>\n

The mobile devices offered an equally dull result. Minor changes in layout are evident between the browser and mobile views such as the ability to open and close the sidebar of the page as shown in the images above. Also, the iPad includes\u00a0strips of the dark background on either side of the main column but does not on the iPhone version. However, the text, colors, and image quality are all same across all platforms.<\/p>\n

I attribute this to the specific layout that I chose from the WordPress options. Even while going through the\u00a0setup options, I made comparisons and chose one that exhibited the least amount of change across platforms. I have noticed minor changes between browsers and devices on other sites in the past, and particularly when it comes to sites that do not utilize a responsive design.<\/p>\n

<\/div>\n
\n
<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

These are the browser images: Safari: Opera: Firefox: Chrome: and these are the images from my mobile devices: iPhone:     iPad:     I\u2019m kinda disappointed that there weren\u2019t\u00a0more obvious differences between the different browsers. All of the text, color and layout match from one image to the next. The image from the Opera […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[83],"yoast_head":"\nMODULE 6, ASSIGNMENT 1: BROWSER COMPATIBILITY -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hardy-lavoie.com\/?p=446\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"MODULE 6, ASSIGNMENT 1: BROWSER COMPATIBILITY -\" \/>\n<meta property=\"og:description\" content=\"These are the browser images: Safari: Opera: Firefox: Chrome: and these are the images from my mobile devices: iPhone:     iPad:     I\u2019m kinda disappointed that there weren\u2019t\u00a0more obvious differences between the different browsers. All of the text, color and layout match from one image to the next. The image from the Opera […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hardy-lavoie.com\/?p=446\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/meaghanhardylavoie\" \/>\n<meta property=\"article:published_time\" content=\"2017-11-28T04:50:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-11-11T04:53:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mlhlblog.files.wordpress.com\/2017\/11\/safari.jpeg?w=700\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MLHL84\" \/>\n<meta name=\"twitter:site\" content=\"@MLHL84\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hardy-lavoie.com\/#website\",\"url\":\"https:\/\/hardy-lavoie.com\/\",\"name\":\"Meaghan Hardy-Lavoie\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hardy-lavoie.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/hardy-lavoie.com\/?p=446#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/mlhlblog.files.wordpress.com\/2017\/11\/safari.jpeg?w=700\",\"contentUrl\":\"https:\/\/mlhlblog.files.wordpress.com\/2017\/11\/safari.jpeg?w=700\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hardy-lavoie.com\/?p=446#webpage\",\"url\":\"https:\/\/hardy-lavoie.com\/?p=446\",\"name\":\"MODULE 6, ASSIGNMENT 1: BROWSER COMPATIBILITY -\",\"isPartOf\":{\"@id\":\"https:\/\/hardy-lavoie.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hardy-lavoie.com\/?p=446#primaryimage\"},\"datePublished\":\"2017-11-28T04:50:26+00:00\",\"dateModified\":\"2018-11-11T04:53:35+00:00\",\"author\":{\"@id\":\"https:\/\/hardy-lavoie.com\/#\/schema\/person\/b3d0c0908df37b760d35ed163fd98021\"},\"breadcrumb\":{\"@id\":\"https:\/\/hardy-lavoie.com\/?p=446#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hardy-lavoie.com\/?p=446\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hardy-lavoie.com\/?p=446#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hardy-lavoie.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"MODULE 6, ASSIGNMENT 1: BROWSER COMPATIBILITY\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/hardy-lavoie.com\/#\/schema\/person\/b3d0c0908df37b760d35ed163fd98021\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/hardy-lavoie.com\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8a1327cdafc0f7010f87aa1864663969?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8a1327cdafc0f7010f87aa1864663969?s=96&d=mm&r=g\",\"caption\":\"admin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"MODULE 6, ASSIGNMENT 1: BROWSER COMPATIBILITY -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hardy-lavoie.com\/?p=446","og_locale":"en_US","og_type":"article","og_title":"MODULE 6, ASSIGNMENT 1: BROWSER COMPATIBILITY -","og_description":"These are the browser images: Safari: Opera: Firefox: Chrome: and these are the images from my mobile devices: iPhone:     iPad:     I\u2019m kinda disappointed that there weren\u2019t\u00a0more obvious differences between the different browsers. All of the text, color and layout match from one image to the next. The image from the Opera […]","og_url":"https:\/\/hardy-lavoie.com\/?p=446","article_publisher":"https:\/\/www.facebook.com\/meaghanhardylavoie","article_published_time":"2017-11-28T04:50:26+00:00","article_modified_time":"2018-11-11T04:53:35+00:00","og_image":[{"url":"https:\/\/mlhlblog.files.wordpress.com\/2017\/11\/safari.jpeg?w=700"}],"twitter_card":"summary_large_image","twitter_creator":"@MLHL84","twitter_site":"@MLHL84","twitter_misc":{"Written by":"admin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/hardy-lavoie.com\/#website","url":"https:\/\/hardy-lavoie.com\/","name":"Meaghan Hardy-Lavoie","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hardy-lavoie.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/hardy-lavoie.com\/?p=446#primaryimage","inLanguage":"en-US","url":"https:\/\/mlhlblog.files.wordpress.com\/2017\/11\/safari.jpeg?w=700","contentUrl":"https:\/\/mlhlblog.files.wordpress.com\/2017\/11\/safari.jpeg?w=700"},{"@type":"WebPage","@id":"https:\/\/hardy-lavoie.com\/?p=446#webpage","url":"https:\/\/hardy-lavoie.com\/?p=446","name":"MODULE 6, ASSIGNMENT 1: BROWSER COMPATIBILITY -","isPartOf":{"@id":"https:\/\/hardy-lavoie.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hardy-lavoie.com\/?p=446#primaryimage"},"datePublished":"2017-11-28T04:50:26+00:00","dateModified":"2018-11-11T04:53:35+00:00","author":{"@id":"https:\/\/hardy-lavoie.com\/#\/schema\/person\/b3d0c0908df37b760d35ed163fd98021"},"breadcrumb":{"@id":"https:\/\/hardy-lavoie.com\/?p=446#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hardy-lavoie.com\/?p=446"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hardy-lavoie.com\/?p=446#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hardy-lavoie.com\/"},{"@type":"ListItem","position":2,"name":"MODULE 6, ASSIGNMENT 1: BROWSER COMPATIBILITY"}]},{"@type":"Person","@id":"https:\/\/hardy-lavoie.com\/#\/schema\/person\/b3d0c0908df37b760d35ed163fd98021","name":"admin","image":{"@type":"ImageObject","@id":"https:\/\/hardy-lavoie.com\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/8a1327cdafc0f7010f87aa1864663969?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8a1327cdafc0f7010f87aa1864663969?s=96&d=mm&r=g","caption":"admin"}}]}},"_links":{"self":[{"href":"https:\/\/hardy-lavoie.com\/index.php?rest_route=\/wp\/v2\/posts\/446"}],"collection":[{"href":"https:\/\/hardy-lavoie.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hardy-lavoie.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hardy-lavoie.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hardy-lavoie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=446"}],"version-history":[{"count":1,"href":"https:\/\/hardy-lavoie.com\/index.php?rest_route=\/wp\/v2\/posts\/446\/revisions"}],"predecessor-version":[{"id":447,"href":"https:\/\/hardy-lavoie.com\/index.php?rest_route=\/wp\/v2\/posts\/446\/revisions\/447"}],"wp:attachment":[{"href":"https:\/\/hardy-lavoie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=446"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hardy-lavoie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=446"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hardy-lavoie.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=446"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}