Dive into Layout on the Web


Details
Come join an exploration into what's possible with web page layout. CSS Grid, Flexbox, Alignment, Writing Modes and more are our new tools. How can we combine them to create never-seen-before results?
The evening will happen in three parts:
-
Demo time. A handful of people will show off something they've made, explaining how the layout CSS is working (or not working). Would you like to show a demo? Prepare something and bring it. No sign-up required.
-
Topic time. One of us will present for 30-45 mins on a single aspect of layout CSS, providing the topic for the evening.
-
Hack time. We will all sit around asking each other questions, getting help, trying out new code, trying to get our demos to work.
___
If you would like to learn CSS Grid, here's a list of some fantastic resources. We will not be going over the basics of Grid syntax at this event. Take some time to learn on your own beforehand.
• https://www.w3.org/TR/css3-grid
• http://gridbyexample.com/video
• http://gridbyexample.com/resources https://rachelandrew.co.uk/archives/2016/03/25/making-sense-of-the-new-css-layout or any video with Rachel Andrew teaching CSS and Layout
• https://drafts.csswg.org/css-align
• https://drafts.csswg.org/css-writing-modes
• https://24ways.org/2016/css-writing-modes
• https://hacks.mozilla.org/2016/08/using-feature-queries-in-css/


Dive into Layout on the Web