{"id":712,"date":"2017-09-13T22:42:10","date_gmt":"2017-09-13T20:42:10","guid":{"rendered":"https:\/\/2017.stockholm.wordcamp.org\/?post_type=wcb_session&#038;p=712"},"modified":"2017-09-13T22:42:10","modified_gmt":"2017-09-13T20:42:10","slug":"moving-from-css-frameworks-to-css-grid","status":"publish","type":"wcb_session","link":"https:\/\/stockholm.wordcamp.org\/2017\/session\/moving-from-css-frameworks-to-css-grid\/","title":{"rendered":"Moving from CSS Frameworks to CSS Grid"},"content":{"rendered":"<p>&#8220;For the first time since its inception, CSS now has a real two-dimensional layout tool in the CSS Grid specification. We&#8217;ve had to resort to using floats, inline blocks and most recently, flexbox. Because using these for layout is essentially a hack, we&#8217;re often tempted to resort to grid frameworks like those provided by Foundation and Bootstrap.<\/p>\n<p>Using examples, my talk will look at how we can do what we&#8217;ve done with frameworks using CSS Grid instead, and also how we can do things we couldn&#8217;t do before without complex tricks or JavaScript. I&#8217;ll also share some thoughts on using CSS Grid in production today, accessibility concerns and tips on the best resources for learning more.<\/p>\n<p>This talk will be useful for both beginners, intermediate and long-time front end devs who aren&#8217;t yet too familiar with CSS Grid. It should also be interesting to designers who want to know what is possible with todays CSS.&#8221;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;For the first time since its inception, CSS now has a real two-dimensional layout tool in the CSS Grid specification. We&#8217;ve had to resort to using floats, inline blocks and most recently, flexbox. Because using these for layout is essentially a hack, we&#8217;re often tempted to resort to grid frameworks like those provided by Foundation [&hellip;]<\/p>\n","protected":false},"author":5422250,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1511191800,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[557],"footnotes":""},"session_track":[1170396],"session_category":[],"class_list":["post-712","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-a1"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8NEvY-bu","session_date_time":{"date":"2017-11-20","time":"16:30"},"session_speakers":[{"id":"557","slug":"daniel-koskinen","name":"Daniel Koskinen","link":"https:\/\/stockholm.wordcamp.org\/2017\/speaker\/daniel-koskinen\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/stockholm.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions\/712","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stockholm.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/stockholm.wordcamp.org\/2017\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":1,"href":"https:\/\/stockholm.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions\/712\/revisions"}],"predecessor-version":[{"id":714,"href":"https:\/\/stockholm.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions\/712\/revisions\/714"}],"speakers":[{"embeddable":true,"href":"https:\/\/stockholm.wordcamp.org\/2017\/wp-json\/wp\/v2\/speakers\/557"}],"author":[{"embeddable":true,"href":"https:\/\/stockholm.wordcamp.org\/2017\/wp-json\/wporg\/v1\/users\/daniel-koskinen"}],"wp:attachment":[{"href":"https:\/\/stockholm.wordcamp.org\/2017\/wp-json\/wp\/v2\/media?parent=712"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/stockholm.wordcamp.org\/2017\/wp-json\/wp\/v2\/session_track?post=712"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/stockholm.wordcamp.org\/2017\/wp-json\/wp\/v2\/session_category?post=712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}