{"id":1373,"date":"2015-08-28T17:03:35","date_gmt":"2015-08-28T21:03:35","guid":{"rendered":"https:\/\/2015.tampa.wordcamp.org\/?post_type=wcb_session&#038;p=1373"},"modified":"2015-10-03T10:10:51","modified_gmt":"2015-10-03T14:10:51","slug":"mobile-first-development-why-and-how","status":"publish","type":"wcb_session","link":"https:\/\/tampa.wordcamp.org\/2015\/session\/mobile-first-development-why-and-how\/","title":{"rendered":"Mobile-First Development: Why and How"},"content":{"rendered":"<p>Mobile-first is one of those phrases getting thrown around a lot now, but most often mistakenly as interchangeable with &#8220;mobile responsive.&#8221; Mobile-first is the holistic design and development approach of both designing for phones <em>first<\/em> and flipping the stylesheet on its head so media queries are for large mobile on up to desktop and CSS without media queries are for the phone viewport. Topics covered:<\/p>\n<ul>\n<li>Why mobile-first <\/li>\n<li>Trends <\/li>\n<li>Examples How-to: &#8211; Sassify &#8211; re-think &#8211; re-organize<\/li>\n<\/ul>\n<p><a href=\"https:\/\/speakerdeck.com\/jpetersen\/mobile-first-development-how-and-why\">Link to Slides<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mobile-first is one of those phrases getting thrown around a lot now, but most often mistakenly as interchangeable with &#8220;mobile responsive.&#8221; Mobile-first is the holistic design and development approach of both designing for phones first and flipping the stylesheet on &hellip; <a href=\"https:\/\/tampa.wordcamp.org\/2015\/session\/mobile-first-development-why-and-how\/\">Continue reading <span class=\"assistive-text\">Mobile-First Development: Why and How<\/span>  <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":147442,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1443298200,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"https:\/\/speakerdeck.com\/jpetersen\/mobile-first-development-how-and-why","_wcpt_session_video":"","_wcpt_speaker_id":[1253],"footnotes":""},"session_track":[185],"session_category":[],"class_list":["post-1373","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-design"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5JKhT-m9","session_date_time":{"date":"September 26, 2015","time":"4:10 pm"},"session_speakers":[{"id":"1253","slug":"jesse-petersen","name":"Jesse Petersen","link":"https:\/\/tampa.wordcamp.org\/2015\/speaker\/jesse-petersen\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/tampa.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/1373","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tampa.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/tampa.wordcamp.org\/2015\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":3,"href":"https:\/\/tampa.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/1373\/revisions"}],"predecessor-version":[{"id":2071,"href":"https:\/\/tampa.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/1373\/revisions\/2071"}],"speakers":[{"embeddable":true,"href":"https:\/\/tampa.wordcamp.org\/2015\/wp-json\/wp\/v2\/speakers\/1253"}],"author":[{"embeddable":true,"href":"https:\/\/tampa.wordcamp.org\/2015\/wp-json\/wporg\/v1\/users\/peterdog"}],"wp:attachment":[{"href":"https:\/\/tampa.wordcamp.org\/2015\/wp-json\/wp\/v2\/media?parent=1373"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/tampa.wordcamp.org\/2015\/wp-json\/wp\/v2\/session_track?post=1373"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/tampa.wordcamp.org\/2015\/wp-json\/wp\/v2\/session_category?post=1373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}