Modern CSS: You can do it!

Slides Are Available Online

We’ll talk about some of the more recently-released CSS tools you can use now! In this session, we’ll cover some of the hottest, flashiest, and most problem-solvingest CSS standards, their use cases, syntax, and situations where you shouldn’t use them. Even if some of these concepts are unfamiliar, or if you haven’t worked on the front-end in a while, this session is for you. You don’t need to use JavaScript to create sweet animations or columns that automatically fill the space - you can do it all with CSS! We’ll cover browser support and some fallbacks you can use to get you started using these new tools today.

In this session, you'll get an intro to:

• Flexbox
• CSS Grids
• Pseudo elements (:before, :after, :nth-child)
• Transitions & Animations
• Blend Modes
• Textured Typography
• Browser Support and Graceful Fallbacks for all of the above!

This session is intended for:

• Developers
• Designers
• User Experience Professionals

For some sections of this session, we’ll talk about SCSS mixins. You can also achieve the same results with a little more pure CSS, so while knowledge of Sass will help you get more out of this session, it isn’t necessary. Labeled as "beginner," as this session does not require specific knowledge about Drupal theme implementation, and these tools can be implemented within any theme.