{"id":1767,"date":"2017-09-06T22:26:03","date_gmt":"2017-09-07T05:26:03","guid":{"rendered":"https:\/\/2017.seattle.wordcamp.org\/?post_type=wcb_session&#038;p=1767"},"modified":"2018-04-23T15:51:42","modified_gmt":"2018-04-23T22:51:42","slug":"death-of-the-media-query","status":"publish","type":"wcb_session","link":"https:\/\/seattle.wordcamp.org\/2017\/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; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/seattle.wordcamp.org\/2017\/session\/death-of-the-media-query\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Death of the Media Query&#8221;<\/span><\/a><\/p>\n","protected":false},"author":13574254,"featured_media":0,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"_wcpt_session_time":1509818400,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"https:\/\/saiedabbasi.com\/wpsea17\/","_wcpt_session_video":"https:\/\/wordpress.tv\/2018\/02\/21\/saied-abbasi-death-of-the-media-query-2\/","_wcpt_speaker_id":[1766],"footnotes":""},"session_track":[174547],"session_category":[],"class_list":["post-1767","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-room-1"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8fuws-sv","session_date_time":{"date":"November 4, 2017","time":"11:00 am"},"session_speakers":[{"id":"1766","slug":"saied-abbasi","name":"Saied Abbasi","link":"https:\/\/seattle.wordcamp.org\/2017\/speaker\/saied-abbasi\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/seattle.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions\/1767","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seattle.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/seattle.wordcamp.org\/2017\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":2,"href":"https:\/\/seattle.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions\/1767\/revisions"}],"predecessor-version":[{"id":2332,"href":"https:\/\/seattle.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions\/1767\/revisions\/2332"}],"speakers":[{"embeddable":true,"href":"https:\/\/seattle.wordcamp.org\/2017\/wp-json\/wp\/v2\/speakers\/1766"}],"author":[{"embeddable":true,"href":"https:\/\/seattle.wordcamp.org\/2017\/wp-json\/wporg\/v1\/users\/eedabba"}],"wp:attachment":[{"href":"https:\/\/seattle.wordcamp.org\/2017\/wp-json\/wp\/v2\/media?parent=1767"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/seattle.wordcamp.org\/2017\/wp-json\/wp\/v2\/session_track?post=1767"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/seattle.wordcamp.org\/2017\/wp-json\/wp\/v2\/session_category?post=1767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}