{"id":23,"date":"2012-02-16T14:42:58","date_gmt":"2012-02-16T18:42:58","guid":{"rendered":"http:\/\/blogs.nd.edu\/nddotedu\/?p=23"},"modified":"2012-02-16T14:48:31","modified_gmt":"2012-02-16T18:48:31","slug":"mobile-first","status":"publish","type":"post","link":"https:\/\/sites.nd.edu\/nddotedu\/2012\/02\/mobile-first\/","title":{"rendered":"Mobile First"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-medium wp-image-26 noborder\" title=\"beta.nd.edu\" src=\"http:\/\/blogs.nd.edu\/nddotedu\/files\/2012\/02\/betand-small-259x300.jpg\" alt=\"\" width=\"259\" height=\"300\" srcset=\"https:\/\/sites.nd.edu\/nddotedu\/files\/2012\/02\/betand-small-259x300.jpg 259w, https:\/\/sites.nd.edu\/nddotedu\/files\/2012\/02\/betand-small.jpg 488w\" sizes=\"auto, (max-width: 259px) 100vw, 259px\" \/>We will be building <a href=\"http:\/\/nd.edu\">ND.edu<\/a> in what is known as \u201c<a href=\"http:\/\/www.lukew.com\/ff\/entry.asp?933\">mobile first<\/a>.\u201d That means that the initial styles and layout are going to be formatted for small screens first; then we&#8217;ll be adding functionality and layout for larger devices (tablets, laptops, etc.) as we progressively add more and more features. We do this to provide our mobile users the best experience possible while assuring full access to all content.<\/p>\n<p>What this means to you, the reader, is that if you&#8217;re checking out the <a href=\"http:\/\/beta.nd.edu\/\">beta site<\/a> fairly early in the process and it looks odd to you, you will need to try scaling down the width of your browser. Then look at the content as a small-screen device will render it. Well, that or just look at the site on your mobile phone.<\/p>\n<p>As we get closer to launch, you will start seeing what you would consider a \u201cnormal looking site\u201d start to take shape.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We will be building ND.edu in what is known as \u201cmobile first.\u201d That means that the initial styles and layout are going to be formatted for small screens first; then we&#8217;ll be adding functionality and layout for larger devices (tablets, laptops, etc.) as we progressively add more and more features. We do this to provide [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4702,29452],"tags":[],"class_list":["post-23","post","type-post","status-publish","format-standard","hentry","category-mobile","category-redesign-2012"],"_links":{"self":[{"href":"https:\/\/sites.nd.edu\/nddotedu\/wp-json\/wp\/v2\/posts\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.nd.edu\/nddotedu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.nd.edu\/nddotedu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.nd.edu\/nddotedu\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.nd.edu\/nddotedu\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":3,"href":"https:\/\/sites.nd.edu\/nddotedu\/wp-json\/wp\/v2\/posts\/23\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/sites.nd.edu\/nddotedu\/wp-json\/wp\/v2\/posts\/23\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/sites.nd.edu\/nddotedu\/wp-json\/wp\/v2\/media?parent=23"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.nd.edu\/nddotedu\/wp-json\/wp\/v2\/categories?post=23"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.nd.edu\/nddotedu\/wp-json\/wp\/v2\/tags?post=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}