{"id":437,"date":"2017-07-03T23:45:07","date_gmt":"2017-07-04T03:45:07","guid":{"rendered":"https:\/\/2017-fr.montreal.wordcamp.org\/?post_type=wcb_session&#038;p=437"},"modified":"2017-10-14T22:12:36","modified_gmt":"2017-10-15T02:12:36","slug":"death-of-the-media-query","status":"publish","type":"wcb_session","link":"https:\/\/montreal.wordcamp.org\/2017-fr\/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. Frontend 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 explore practical use cases for the calc() function, Flexbox, and Mozilla\u2019s CSS Grid.<\/p>\n<div id=\"v-kCltLDGu-1\" class=\"video-player\"><iframe title='VideoPress Video Player' aria-label='VideoPress Video Player' width='524' height='294' src='https:\/\/videopress.com\/embed\/kCltLDGu?hd=1&amp;cover=1&amp;loop=0&amp;autoPlay=0&amp;permalink=1&amp;muted=0&amp;controls=1&amp;playsinline=0&amp;useAverageColor=0&amp;preloadContent=metadata' frameborder='0' allowfullscreen data-resize-to-parent=\"true\" allow='clipboard-write'><\/iframe><script src='https:\/\/s0.wp.com\/wp-content\/plugins\/video\/assets\/js\/next\/videopress-iframe.js'><\/script><\/div>\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. Frontend 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:\/\/montreal.wordcamp.org\/2017-fr\/session\/death-of-the-media-query\/\" class=\"more-link\">Continuer la lecture<span class=\"screen-reader-text\"> de &laquo; Death of the Media Query &raquo;<\/span><\/a><\/p>\n","protected":false},"author":13574254,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1502632800,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[331],"footnotes":""},"session_track":[6851,1148162],"session_category":[],"class_list":["post-437","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-code","wcb_track-mb-2-270-deuxieme-etage"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8bMHx-73","session_date_time":{"date":"ao\u00fbt 13, 2017","time":"10:00"},"session_speakers":[{"id":"331","slug":"saied-abbasi","name":"Saied Abbasi","link":"https:\/\/montreal.wordcamp.org\/2017-fr\/speaker\/saied-abbasi\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/montreal.wordcamp.org\/2017-fr\/wp-json\/wp\/v2\/sessions\/437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/montreal.wordcamp.org\/2017-fr\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/montreal.wordcamp.org\/2017-fr\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":2,"href":"https:\/\/montreal.wordcamp.org\/2017-fr\/wp-json\/wp\/v2\/sessions\/437\/revisions"}],"predecessor-version":[{"id":712,"href":"https:\/\/montreal.wordcamp.org\/2017-fr\/wp-json\/wp\/v2\/sessions\/437\/revisions\/712"}],"speakers":[{"embeddable":true,"href":"https:\/\/montreal.wordcamp.org\/2017-fr\/wp-json\/wp\/v2\/speakers\/331"}],"author":[{"embeddable":true,"href":"https:\/\/montreal.wordcamp.org\/2017-fr\/wp-json\/wporg\/v1\/users\/eedabba"}],"wp:attachment":[{"href":"https:\/\/montreal.wordcamp.org\/2017-fr\/wp-json\/wp\/v2\/media?parent=437"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/montreal.wordcamp.org\/2017-fr\/wp-json\/wp\/v2\/session_track?post=437"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/montreal.wordcamp.org\/2017-fr\/wp-json\/wp\/v2\/session_category?post=437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}