JQuery PopBox Balloon UI Inspired by Highrise(github.com)
github.com
JQuery PopBox Balloon UI Inspired by Highrise
https://github.com/gristmill/jquery-popbox
7 comments
Also pretty easy to recreate using qTip2 http://craigsworks.com/projects/qtip2/.
I saw qTip, but looked too heavy. Prob. took as much time to write the plugin as to read the qTip docs.
No arguments there. But I suppose if you want a tooltip framework that also bizarrely functions as modal dialogs, hover menus, alerts, notifications, ........., and maybe even tooltips, qtip2 would probably cover your bases.
Either way cool plugin.
Either way cool plugin.
It also doesn't really look fine. The shadow doesn't follow the pointy bit, which looks especially bad with such a huge drop shadow. Does this even work across browsers?
the css shadow isn't required.
Bootstrap is a hover pop-up, mostly used for read-only. This is more like a click pop-up both read-write. User can click, fill in a form and submit.
Great start behanpsean!!!, have a look at beautytip for more ideas to add : http://archive.plugins.jquery.com/project/bt
Thanks. I will!
I had never seen this css border trick for drawing triangles. It works in IE7+. Bootstrap uses the same technique.
Really? Maybe that's because you've never asked in the form of a URL: http://cssarrowplease.com/
really awesome. love simple tools!
Awesome!
Yours is actually better because it works in IE7.
I really hate these sites that don't tell you what browsers are supported.
I really hate these sites that don't tell you what browsers are supported.
Yes, it's quite nice. The idea came from here
http://jonrohan.me/guide/css/creating-triangles-in-css/
http://jonrohan.me/guide/css/creating-triangles-in-css/
Thanks pretty cool!
There are a bunch of ways to do this already, and this requires jQuery. The only way I could see this as being interesting is if it has no dependencies. I really wish people would stop developing with jQuery as a dependency...
It may not be interesting, but it may be useful to some folks.
e.g. Bootstrap's popover: http://twitter.github.com/bootstrap/javascript.html#popovers