JQuery PopBox Balloon UI Inspired by Highrise(github.com)

44 pointsby behanpseanvor 14 Jahren22 comments

JQuery PopBox Balloon UI Inspired by Highrise

https://github.com/gristmill/jquery-popbox

7 comments

xyzzybvor 14 Jahren

That looks fine, but how is it different that the plethora of alternate implementations of that particular UI widget?

e.g. Bootstrap's popover: http://twitter.github.com/bootstrap/javascript.html#popovers

bicknergsengvor 14 Jahren

Also pretty easy to recreate using qTip2 http://craigsworks.com/projects/qtip2/.

behanpseanvor 14 Jahren

I saw qTip, but looked too heavy. Prob. took as much time to write the plugin as to read the qTip docs.

bicknergsengvor 14 Jahren

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.

chrisrhodenvor 14 Jahren

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?

behanpseanvor 14 Jahren

the css shadow isn't required.

crazybuddhavor 14 Jahren

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.

talmandvor 14 Jahren

Because having just one of everything is boring and eventually stagnates?

xyzzybvor 14 Jahren

Absolutely. I just wanted to be sure I wasn't missing some new twist that this tool was providing.

petetandonvor 14 Jahren

Great start behanpsean!!!, have a look at beautytip for more ideas to add : http://archive.plugins.jquery.com/project/bt

behanpseanvor 14 Jahren

Thanks. I will!

jcampbell1vor 14 Jahren

I had never seen this css border trick for drawing triangles. It works in IE7+. Bootstrap uses the same technique.

webXLvor 14 Jahren

Really? Maybe that's because you've never asked in the form of a URL: http://cssarrowplease.com/

mrgreenfurvor 14 Jahren

really awesome. love simple tools!

behanpseanvor 14 Jahren

Awesome!

jcampbell1vor 14 Jahren

Yours is actually better because it works in IE7.

I really hate these sites that don't tell you what browsers are supported.

behanpseanvor 14 Jahren

Yes, it's quite nice. The idea came from here

http://jonrohan.me/guide/css/creating-triangles-in-css/

corkillvor 14 Jahren

Thanks pretty cool!

hokuavor 14 Jahren

whats the license?

behanpseanvor 14 Jahren

MIT (just added to README)

leovincivor 14 Jahren

overshardvor 14 Jahren

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...

behanpseanvor 14 Jahren

It may not be interesting, but it may be useful to some folks.