{"id":156,"date":"2012-03-27T09:45:19","date_gmt":"2012-03-27T16:45:19","guid":{"rendered":"http:\/\/pln.lanecc.net\/webteam\/?p=156"},"modified":"2012-03-27T09:45:19","modified_gmt":"2012-03-27T16:45:19","slug":"lane-goes-to-drupalcon","status":"publish","type":"post","link":"https:\/\/blogs.lanecc.edu\/webteam\/2012\/03\/27\/lane-goes-to-drupalcon\/","title":{"rendered":"Lane goes to DrupalCon"},"content":{"rendered":"<p>Recently, two of us got to go to <a title=\"DrupalCon Denver\" href=\"http:\/\/denver2012.drupal.org\/\">DrupalCon Denver<\/a>. There were a lot of other drupalista&#8217;s there:<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/www.flickr.com\/photos\/x-foto\/6854063558\/in\/photostream\/\"><img loading=\"lazy\" decoding=\"async\" class=\" aligncenter\" src=\"http:\/\/farm8.staticflickr.com\/7261\/6854063558_31a0062024_b.jpg\" alt=\"DrupalCon Keynote, Day 1\" width=\"1024\" height=\"736\" \/><\/a><\/p>\n<p>We saw all sorts of sessions, but the one that stuck with me the most was <a href=\"http:\/\/www.lukew.com\">Luke Wroblewski<\/a>&#8216;s keynote address on the last day. He gave a talk on the importance of <a href=\"http:\/\/www.lukew.com\/presos\/preso.asp?26\">Mobile First Development<\/a>. You can (and should!) watch the full presentation at the his site, but here&#8217;s the thing that hit me hardest.<\/p>\n<p>When you&#8217;re developing for mobile devices, you lose 80% of your screen size. That means you need to focus your pages on your core mission. Here&#8217;s the example he used, from Southwest&#8217;s website:<\/p>\n<p><a href=\"http:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/03\/southwestdesktop.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-157\" src=\"http:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/03\/southwestdesktop.png\" alt=\"Southwest's website on the desktop\" width=\"1116\" height=\"974\" srcset=\"https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/03\/southwestdesktop.png 1116w, https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/03\/southwestdesktop-300x261.png 300w, https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/03\/southwestdesktop-1024x893.png 1024w, https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/03\/southwestdesktop-624x544.png 624w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a>Whereas here&#8217;s their exact same website, viewed on a (pretend) iPhone:<\/p>\n<p><a href=\"http:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/03\/southwestmobile.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-159\" src=\"http:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/03\/southwestmobile.png\" alt=\"Southwest's website, viewed from an iPhone\" width=\"328\" height=\"572\" srcset=\"https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/03\/southwestmobile.png 328w, https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/03\/southwestmobile-172x300.png 172w\" sizes=\"auto, (max-width: 328px) 85vw, 328px\" \/><\/a>Flickr does something similar. Here&#8217;s their site on the desktop:<\/p>\n<p><a href=\"http:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/03\/flickrdesktop.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-160\" src=\"http:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/03\/flickrdesktop.png\" alt=\"Flickr's website, viewed on a Desktop computer\" width=\"1116\" height=\"974\" srcset=\"https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/03\/flickrdesktop.png 1116w, https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/03\/flickrdesktop-300x261.png 300w, https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/03\/flickrdesktop-1024x893.png 1024w, https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/03\/flickrdesktop-624x544.png 624w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a>And once again, here&#8217;s their site on a (pretend) iPhone:<\/p>\n<p><a href=\"http:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/03\/flickrmobile.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-161\" src=\"http:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/03\/flickrmobile.png\" alt=\"Flickr's site viewed from an iPhone\" width=\"328\" height=\"570\" srcset=\"https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/03\/flickrmobile.png 328w, https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/03\/flickrmobile-172x300.png 172w\" sizes=\"auto, (max-width: 328px) 85vw, 328px\" \/><\/a>In each case the mobile website shows only the things you most want to do &#8211; buy a ticket, check in, upload photos, and seeing photos taken nearby you, which is hard to do on a regular old computer. The sites are, in many ways, actually providing a better experience than the normal desktop website, and are sometimes even providing capacities that can&#8217;t be found on a desktop.<\/p>\n<p>We&#8217;re super excited to be committed to a mobile first approach, and are pumped from a week of learning all the latest and greatest things about Drupal. Plus, we learned that next year&#8217;s DrupalCon will be in our own <a href=\"http:\/\/portland2013.drupal.org\/\">backyard<\/a> (be sure to resize their site and to try scrolling it some to see some awesome css\/html5 effects!).<\/p>\n<p><a href=\"http:\/\/www.flickr.com\/photos\/macetaria\/6861077734\/in\/pool-1910270@N24\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"http:\/\/farm8.staticflickr.com\/7049\/6861077734_8344716617_b.jpg\" alt=\"\" width=\"1024\" height=\"693\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Recently, two of us got to go to DrupalCon Denver. There were a lot of other drupalista&#8217;s there: We saw all sorts of sessions, but the one that stuck with me the most was Luke Wroblewski&#8216;s keynote address on the last day. He gave a talk on the importance of Mobile First Development. You can &hellip; <a href=\"https:\/\/blogs.lanecc.edu\/webteam\/2012\/03\/27\/lane-goes-to-drupalcon\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Lane goes to DrupalCon&#8221;<\/span><\/a><\/p>\n","protected":false},"author":43,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":"","_wpscppro_dont_share_socialmedia":false,"_wpscppro_custom_social_share_image":0,"_facebook_share_type":"","_twitter_share_type":"","_linkedin_share_type":"","_pinterest_share_type":"","_linkedin_share_type_page":"","_instagram_share_type":"","_medium_share_type":"","_threads_share_type":"","_google_business_share_type":"","_selected_social_profile":[],"_wpsp_enable_custom_social_template":false,"_wpsp_social_scheduling":{"enabled":false,"datetime":null,"platforms":[],"status":"template_only","dateOption":"today","timeOption":"now","customDays":"","customHours":"","customDate":"","customTime":"","schedulingType":"absolute"},"_wpsp_active_default_template":true},"categories":[3],"tags":[25,10,13],"class_list":["post-156","post","type-post","status-publish","format-standard","hentry","category-drupal","tag-drupal","tag-drupalcon","tag-mobile"],"_links":{"self":[{"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/posts\/156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/users\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/comments?post=156"}],"version-history":[{"count":0,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/posts\/156\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/media?parent=156"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/categories?post=156"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/tags?post=156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}