Making an iOS-Style Popover with YUI3

One of the things I worked on this summer during my internship with the YUI team was building the Panel widget that’s shipping with YUI3.4.0. I like the whole “windowing” space, because I think it’s an area where the web can do a lot better. Modal overlays look gorgeous in iOS and there’s no reason why they can’t in the browser either.

So I spent an hour or two hacking up some CSS as a proof-of-concept of what can be done with CSS3 and YUI3 Panel. This is just a first pass, I’m going to clean this code up so people can re-use it with a single line. Nevertheless, thought I’d get it up here for people to see!