We’ve had some really amazing talks this year at Boston CSS. Thank you all for making it such a wonderful experience. Closing out 2016, we have Jen Kramer speaking about CSS Grids!
For years, front-end developers fumbled with hacking floats for layouts, often as part of a grid system. Media queries made these float-based grids more responsive to different screen dimensions, but unfortunately, the behaviors weren't always granular enough to work well with complex layouts. Now with the new grid specification in CSS4, we can easily define behaviors for each cell in our layouts in two dimensions. When combined with media queries, we can specify where each cell will be placed under a variety of conditions, in horizontal and vertical space. Similarities and differences with Flexbox will also be identified and discussed.
A bit about our presenter:
Jen Kramer (@jen4web (https://twitter.com/jen4web)) has been teaching and performing web design for over 16 years. Most recently, she is a Lecturer at Harvard University Extension School (https://www.extension.harvard.edu/) in the Master's of Liberal Arts in Digital Media Design program, where she teaches five courses per year on front-end web development, advises capstone projects, and assists in curriculum design. She's also a prolific video author, creating 27 training courses for lynda.com (https://www.lynda.com/Jen-Kramer/203-1.html), O'Reilly Media (http://www.oreilly.com/pub/au/6536), and Aquent Gymnasium (http://gymnasium.aquent.com/). Jen also occasionally freelances on web design projects. She earned her MS in Internet Strategy Management from Marlboro College Graduate School.
Doors open at 6:30pm for food and drinks. The talk will start at 7pm.
Unfortunately, while Vermonster’s old brick building has a lot of charm, it also has a lot of stairs, and does not have an elevator. We wish that wasn’t the case.
We will be live streaming the event and afterwards it will be posted to our Youtube channel (https://www.youtube.com/channel/UCB-Q0Af4p8A23QTnUxg-fgg). Please check this page for the link on the date of the event.