Post

CSS for detecting device posture 🥼 @​media (device-posture: folded) { h1 span:first-of-type { opacity: 0.25; } } some cool future opportunities 🤙

I'm old enough to remember when @seaotta.dev wrote: blog.stephaniestimac.com/posts/2023/0... and I'm still pissed about the Surface Neo not surfacing…

I need to write an update with the new media query and Jhey's demo 😀

I would defo be interested in more dual screen CSS demoes. Also did you get to mountain bike here yet? I'm living vicariously through everyone's off-roading :-)

haha - not that long ago 🥲 Steph has some demos that might be worth giving a little extra love to with these new ones cool thing is you can emulate the "folded" mode but funny enough it seems to be working better on device

I don't think we have even scratched the surface (no pun intended) with dual screen devices yet. Look at the trouble we go to with collapsing, slide in, expanding navigation, filters etc… for single screen websites.