{"id":434,"date":"2013-05-07T21:37:01","date_gmt":"2013-05-08T04:37:01","guid":{"rendered":"http:\/\/www.brendasimon.com\/blog\/?p=434"},"modified":"2013-05-07T21:37:01","modified_gmt":"2013-05-08T04:37:01","slug":"photographers-mobile-website","status":"publish","type":"post","link":"http:\/\/www.brendasimon.com\/blog\/photographers-mobile-website\/","title":{"rendered":"Photographer&#8217;s Mobile Website"},"content":{"rendered":"<p>The object of a mobile website is to be very lean. \u00a0It reminds me of the days of dial up internet connections when web designers squeezed every pixel in an image as small as possible. \u00a0Mobile means lean &#8212; and not only shrinking images, but only using when necessary. \u00a0Once you have a banner &#8211; you&#8217;re left with little precious real estate for graphics.<\/p>\n<p>So, what to do with a photographer\u2019s mobile website, when his business is visual? \u00a0We decided on one image per page, with a main gallery page listing\/linking to each photographic category (business photos, portraits, real estate, etc.) gallery page. \u00a0This gave the visitor a heads-up to know clicking through they would be viewing\/downloading images. \u00a0Being respectful is important in creating a mobile website. \u00a0This offered the limited-bandwidth user a chance to opt out &#8211; or bookmark to view on their desktop.<\/p>\n<p>Each gallery page has a maximum 6 images, and these were highly optimized. \u00a0It gives the user an idea of the photographer&#8217;s style and feel without a big bandwidth use.<\/p>\n<p>Both the desktop site and mobile site easily let the user switch back and forth if bandwidth is not an issue.<\/p>\n<p><a href=\"http:\/\/www.brendasimon.com\/blog\/wp-content\/uploads\/2013\/05\/blog1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-435\" alt=\"mobile website\" src=\"http:\/\/www.brendasimon.com\/blog\/wp-content\/uploads\/2013\/05\/blog1-191x300.jpg\" width=\"191\" height=\"300\" srcset=\"http:\/\/www.brendasimon.com\/blog\/wp-content\/uploads\/2013\/05\/blog1-191x300.jpg 191w, http:\/\/www.brendasimon.com\/blog\/wp-content\/uploads\/2013\/05\/blog1.jpg 369w\" sizes=\"auto, (max-width: 191px) 100vw, 191px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The object of a mobile website is to be very lean. \u00a0It reminds me of the days of dial up internet connections when web designers squeezed every pixel in an image as small as possible. \u00a0Mobile means lean &#8212; and &hellip; <a href=\"http:\/\/www.brendasimon.com\/blog\/photographers-mobile-website\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[197],"tags":[199,198],"class_list":["post-434","post","type-post","status-publish","format-standard","hentry","category-mobile-website-2","tag-how-to-make-a-mobile-website-gallery","tag-photographers-mobile-website"],"_links":{"self":[{"href":"http:\/\/www.brendasimon.com\/blog\/wp-json\/wp\/v2\/posts\/434","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.brendasimon.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.brendasimon.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.brendasimon.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.brendasimon.com\/blog\/wp-json\/wp\/v2\/comments?post=434"}],"version-history":[{"count":1,"href":"http:\/\/www.brendasimon.com\/blog\/wp-json\/wp\/v2\/posts\/434\/revisions"}],"predecessor-version":[{"id":436,"href":"http:\/\/www.brendasimon.com\/blog\/wp-json\/wp\/v2\/posts\/434\/revisions\/436"}],"wp:attachment":[{"href":"http:\/\/www.brendasimon.com\/blog\/wp-json\/wp\/v2\/media?parent=434"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.brendasimon.com\/blog\/wp-json\/wp\/v2\/categories?post=434"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.brendasimon.com\/blog\/wp-json\/wp\/v2\/tags?post=434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}