Solving Layout Challenges With Pure Sass
Whether it’s parallax, dialogs, interactive forms, or even a robust card sorting systems, front end developers often find themselves reaching for a framework or tooling which can create more inadvertent side effects than meaningful, beautiful designs. And yet, CSS continues to be an ever-evolving, eternally fascinating and downright amazing language for doing just that. In this high-energy talk, Lemon’s going to take you on a whirlwind tour of twelve different design challenges and the methods for turning that into resilient, responsive, performant code using some CSS (and Sass) methodologies to assure nothing is more complicated than it needs to be. You’ll leave with some code snippets and examples you can start playing with right away.
Prerequisites
A working familiarity with HTML & CSS is the only prerequisite here.
Take Aways
- responsive design with minimal breakpoints
- Sane systems for Sass imports
- maintaining a11y with complicated hover effects
- safe and performant transforms