Absolute Positioning
3 videos across 3 channels
Precision in placing elements on a page through absolute positioning lets designers recreate complex comps, overlap layers, and anchor items with confidence. The clips reveal diverse uses: from a blind challenge reconstructing a stadium card layout with careful coordinate placement, to Framer’s real-time shader-driven tweaks that adjust position, color, and effects on the fly, and a live CSS battle testing how circles, borders, and shadows behave when anchored with absolute coordinates versus grid and flex. The takeaway is balancing exact placement with responsive behavior and practical debugging techniques.
Blind UI Challenge
A group challenge where they must reproduce a stadium card design using CSS without seeing the output, discussing initia
This feels like cheating
The video demonstrates how Framer's real-time shaders can elevate designs by adding gradient, image, and effect animatio
My First CSS Battle
A live CSS battle session where the presenter sketches out several approaches to create and align circular elements, exp