Lemon 🍋

Camp Counselor

Solving Layout Challenges With Pure Sass

Event Logo

Tuesday, July 25, 2023 - 7:30 PM UTC, for 1 hour.

Regular, 60 minute presentation

Room: African 60

css
sass
web fundamentals
front end
layouts

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
favorited by:
Tammy Wohlrabe David Tran Lucas Boje Keith Dahlby Drew Douglas Adekunle Oduye Craig Jeffords Jason Von Ruden Jerry Vongkhamsay Don Nelson Erin Draheim Hannah Reuss Alex Wettstein Alice Kim Bob Dankert Cody Backhaus Jon Meer Elizabeth Groom Joshua Below Geoff Rich Justin Allard Eric Hamacher Derek Mulhausen Ken Samson