JSJ 301: CSS Grids: The Future of Frontend Layout with Dave Geddes

JavaScript Jabber

Episode | Podcast

Date: Tue, 20 Feb 2018 11:00:00 +0000

<div class="trix-content"> <div><strong>Panel: </strong></div><div>Charles Max Wood</div><div>Aimee Knight</div><div>Cory House</div><div>AJ O'Neal</div><div>Joe Eames</div><div>Aaron Frost</div><div> <strong>Special Guests: </strong>Dave Geddes</div><div>In this episode, the JavaScript Jabber panelists talk with Dave Geddes about CSS Grids. Dave quit his job about a year ago and has been living the entrepreneur and programmer life since then. Now, he builds mastery games to help people learn CSS. Dave discusses the differences between Flexbox and CSS Grid and how the games that he creates can help people learn CSS Grid in a fun and interactive way.</div><div><strong>In particular, we dive pretty deep on:</strong></div><ul> <li>CSS Mastery games</li> <li><a href="https://flexboxzombies.com/p/flexbox-zombies">FlexboxZombies.com</a></li> <li><a href="https://gridcritters.com/p/gridcritters">GridCritters.com</a></li> <li>Uses spaced repetition and delayed recall to learn</li> <li>CSS Grid</li> <li>Flexbox</li> <li>CSS Grid as the cake and Flexbox as the frosting</li> <li>Edge spec</li> <li>What Flexbox can do</li> <li>Sub-Grids</li> <li><a href="http://gedd.ski/">Geddski.com</a></li> <li>Nesting Grids</li> <li>Old Grid vs New Grid layout</li> <li>Why would you move from Flexbox to CSS Grid?</li> <li>CSS Grid tools</li> <li><a href="https://gridbyexample.com/">GridByExample.com</a></li> <li>Education and Gamification</li> <li>Pick a UI that interests you</li> <li>For a discount on Grid Critters: enter JS Jabber for 20% off</li> <li>And much, much more!</li> </ul><div><strong>Links:</strong></div><ul> <li><a href="https://promo.linode.com/javascriptjabber/">Linode</a></li> <li><a href="https://flexboxzombies.com/p/flexbox-zombies">FlexboxZombies.com</a></li> <li><a href="https://gridcritters.com/p/gridcritters">GridCritters.com</a></li> <li><a href="http://gedd.ski/">Geddski.com</a></li> <li><a href="https://gridbyexample.com/">GridByExample.com</a></li> <li><a href="https://www.freshbooks.com/invoice?ref=11731&amp;utm_source=pbm&amp;utm_medium=affiliate-program&amp;utm_influencer=419364&amp;utm_campaign=podcast-influencers">FreshBooks</a></li> <li><a href="https://twitter.com/geddski?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor">@Geddski</a></li> </ul><div><strong>Picks:</strong></div><div>Charles</div><ul><li><a href="https://www.fitnessmagazine.com/shop/r-pods-r-pods-true-wireless-stereo-mini-bluetooth-headphones-with-charging-case-white-p5e22135606a23a39471352895739fcf4.html">R Pods Earphones</a></li></ul><div>Aimee</div><ul> <li><a href="https://www.amazon.co.uk/CLEANSE-CAPSULES-DIETARY-SUPPLEMENT-SLIMMING/dp/B011RHWHF0">NEU Cleanse</a></li> <li><a href="https://ww2.kqed.org/mindshift/2017/01/26/at-age-6-girls-are-less-likely-to-identify-females-as-really-really-smart/">“At Age 6, Girls Are Less Likely to Identify Females As ‘Really, Really Smart’”</a></li> </ul><div>Cory</div><ul><li><a href="https://twitter.com/housecor/status/962754389533429760">Cory Tweet</a></li></ul><div>AJ</div><ul> <li><a href="http://startupclass.samaltman.com/">How to Start a Startup</a></li> <li><a href="https://www.amazon.com/Sam-Walton-Made-America/dp/0553562835">Made in America by Sam Walton</a></li> </ul><div>Joe</div><ul> <li><a href="https://www.amazon.com/Dungeoneers-John-Anderson/dp/0062338153">The Dungeoneers by John David Anderson</a></li> <li><a href="https://www.ng-conf.org/">NG Conf</a></li> </ul><div>Aaron</div><ul><li><a href="https://www.amazon.com/Fire-Fury-Inside-Trump-White/dp/1250158060">Fire and Fury by Michael Wolff</a></li></ul><div>Dave</div><ul><li><a href="http://store.steampowered.com/app/644930/They_Are_Billions/">They Are Billions</a></li></ul> </div> Support this podcast at — https://redcircle.com/javascript-jabber/donations Advertising Inquiries: https://redcircle.com/brands Privacy & Opt-Out: https://redcircle.com/privacy