{"id":1328,"date":"2018-04-22T17:35:11","date_gmt":"2018-04-23T00:35:11","guid":{"rendered":"https:\/\/2018.oc.wordcamp.org\/?post_type=wcb_session&#038;p=1328"},"modified":"2018-06-06T07:23:57","modified_gmt":"2018-06-06T14:23:57","slug":"death-of-the-media-query","status":"publish","type":"wcb_session","link":"https:\/\/oc.wordcamp.org\/2018\/session\/death-of-the-media-query\/","title":{"rendered":"Death of the Media Query"},"content":{"rendered":"<p>We\u2019ve all been there. Your site looks beautiful on mobile, tablet, and desktop but 768 pixels to 900 pixels is a disaster. Creating a truly responsive website experience goes beyond using bootstrap. Front-end Developers consistently find themselves creating elaborate sets of media queries that are time consuming to create and difficult to maintain.<\/p>\n<p>This talk will explore browser-compatible innovations in CSS that you should start employing in place of media queries. The end result will save time and create more adaptive web experiences.<\/p>\n<p>We will walkthrough practical use cases for the calc() function, Flexbox, and CSS Grid.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019ve all been there. Your site looks beautiful on mobile, tablet, and desktop but 768 pixels to 900 pixels is a disaster. Creating a truly responsive website experience goes beyond using bootstrap. Front-end Developers consistently find themselves creating elaborate sets of media queries that are time consuming to create and difficult to maintain. This talk &hellip; <a href=\"https:\/\/oc.wordcamp.org\/2018\/session\/death-of-the-media-query\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Death of the Media Query<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":535619,"featured_media":0,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"_wcpt_session_time":1528581000,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[1209],"footnotes":""},"session_track":[1247952],"session_category":[5041],"class_list":["post-1328","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-venture","wcb_session_category-developer"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9umRw-lq","session_date_time":{"date":"June 9, 2018","time":"2:50 pm"},"session_speakers":[{"id":"1209","slug":"saied-abbasi","name":"Saied Abbasi","link":"https:\/\/oc.wordcamp.org\/2018\/speaker\/saied-abbasi\/"}],"session_cats_rendered":"Developer","_links":{"self":[{"href":"https:\/\/oc.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/1328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oc.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/oc.wordcamp.org\/2018\/wp-json\/wp\/v2\/types\/wcb_session"}],"author":[{"embeddable":true,"href":"https:\/\/oc.wordcamp.org\/2018\/wp-json\/wp\/v2\/users\/535619"}],"version-history":[{"count":2,"href":"https:\/\/oc.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/1328\/revisions"}],"predecessor-version":[{"id":1945,"href":"https:\/\/oc.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/1328\/revisions\/1945"}],"speakers":[{"embeddable":true,"href":"https:\/\/oc.wordcamp.org\/2018\/wp-json\/wp\/v2\/speakers\/1209"}],"wp:attachment":[{"href":"https:\/\/oc.wordcamp.org\/2018\/wp-json\/wp\/v2\/media?parent=1328"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/oc.wordcamp.org\/2018\/wp-json\/wp\/v2\/session_track?post=1328"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/oc.wordcamp.org\/2018\/wp-json\/wp\/v2\/session_category?post=1328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}