CSS.la Study Group #6: Using CSS Grid Today! [Silver Lake]
It's time for the sixth edition of the CSS.la Study Group, this time back at Open Listings in their new office in Silver Lake!
Our theme tonight is ... CSS Grid! ⚡️ It's ready...are you ready?
Our wonderful presenter tonight is Scott Gruber! Here's a bit about Scott's presentation:
At long last after 25 years we finally have a CSS Layout system that lets us use a grid to achieve true page layout. The latest stat on caniuse.com shows global usage of CSS Grid is 87.25%. In this demo we’ll cover CSS Grid properties, feature queries and fall backs to support older browsers. We’ll demo how to use Firefox Dev Tools to help visualize a grid and play with several code pens using CSS Grid to code familiar layouts and to format a portion of page such as gallery of images or people.
Scott (https://scottgruber.me/) is a designer and developer building an ethical design practice grounded in accessibility, performance and aesthetics. He has twenty-years experience using digital tools to create across a wide-range of media. He works at the UCLA Institute of the Environment and Sustainability and is using CSS Grid Layout in production on academic websites today.
6:30 - 7:15ish – Arrive and have some food!
7:15 - 7:45ish – Scott tells us about using CSS Grid today
7:45ish - 9:00 – Break into pairs and learn CSS Grid, solve some Grid challenges, or request a demo about whatever you like.
9:00ish – Bye! Have a safe trip home :)
If you aren't able to make it, keep an eye on our collaborative notes here:
Lastly, don't forget to sign up for our mailing list @ https://css.la
What to bring:
• Your laptop and charger (or you can always share with someone else and pair program)
• Pen/paper for notes, if that’s your style
• Your curiosity and excitement for CSS, learning, teaching, and coding with new friends!
• Hunger! Our gracious host, Open Listings (https://www.openlistings.com/), will provide us food as well a choice of beverages. Note that there will be veggie/vegan/gluten-free options.
Free CSS Resources:
• Layout Land by Jen Simmons (https://www.youtube.com/channel/UC7TizprGknbDalbHplROtag)
• CSS-Tricks - Just Starting Out (https://css-tricks.com/guides/beginner/)
• Mozilla - CSS Basics (https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics)
• CSS: The Definitive Guide - (https://www.amazon.com/CSS-Definitive-Guide-Eric-Meyer/dp/0596527330)
• CSS Grid Course from Wes Bos (https://cssgrid.io/)
• CSSConf talk recordings:
• Australia: https://www.youtube.com/channel/UCaitlwoIzU4HIkkRgmpDO8w
• Europe: https://www.youtube.com/playlist?list=PL37ZVnwpeshF0XmpjKBJ3-0kvr3b5ZpJR
• Resilient Web Design by Jeremy Kieth (http://resilientwebdesign.com/)
• Also available as a podcast (https://itunes.apple.com/us/podcast/resilient-web-design/id1183700985?mt=2)
• A Book Apart – short, wonderful books about web design topics! (https://abookapart.com/)
*** All attendees at Learn Teach Code events are expected to abide by the Girl Develop It Code of Conduct: http://www.girldevelopit.com/codeofconduct
*** Want extra coding help? Join the Learn Teach Code room on Slack (and ask about the CSS.la channel!): https://learnteachcode.herokuapp.com/
*** Want to get more involved? We always need more help! You can help with or host a study group, provide mentorship, or volunteer for other fun stuff. Let us know on Slack or in person!