Re-Thinking Borders
summary
Shows a CSS technique that treats borders as multiple composable surfaces instead of a single stroke, using repeating-linear-gradient and layered background-image to create multiple border bands, decorative strips, and transparent cutouts without extra markup. Demonstrates examples like a 5px “paper” edge, a two-region split border, and three independent border layers on one element, and discusses browser box-model interactions and cross-browser performance in modern browsers.
AI-written summary · about
related talks
14mCSS VS. My Gender: A Study In Transitions
30mJourneys: What makes a developer, really?
15mClosing Keynote
34mShape Of The Web
27mRace and recess: Design tools for reducing inequities
16mBuild bridges, not walls – Design for users across cultures
51mDiverse representations in design and awkward conversations with colleagues
48mBridging the Digital Divide using Web Performance