Past Meetup

CSS.la Study Group #6: Using CSS Grid Today! [Silver Lake]

This Meetup is past

41 people went

Location image of event venue

Details

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.

Agenda:

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:
https://paper.dropbox.com/doc/CSS.la-6-Using-CSS-Grid-Today--AO7jhJOPZ_1P7a8EbNFpcRDuAg-kBtl03ocCi84NjDbs1dEB

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!