|
View:
New views
20 Messages
—
Rating Filter:
Alert me
|
|
|
Widget ChallengeDojo released a new widget today: a spreadsheet widget. and it ocurred to me that while we don't quite have anything like that yet, there are scattered widgets throughout the jQuerysphere. I figured it'd be nice for us to put together a jQuery widget package that, to the extent possible, mirrors the Dojo widget set.
The challenge is this: where there is no existing widget, create it. The holy grail, at this point, would be a replication of their spreadsheet widget or their rich text editor widget. I'd like to put together the widget pack at some point in the next month, and I'll be featuring the widget pack in next month's Magazine. Theere's nothing requiring an exact mirror of the Dojo widgets, so feel free to submit widgets that are not present in Dojo. You can check out what Dojo has currently at http://dojotoolkit.org/ Enjoy! -- Yehuda Katz Web Developer | Wycats Designs (ph) 718.877.1325 _______________________________________________ jQuery mailing list discuss@... http://jquery.com/discuss/ |
|
|
Re: Widget ChallengeFeel free to include what's on http://www.dyve.net/jquery
(autocomplete, autohelp, googlemaps, editable). On 9/27/06, Yehuda Katz <wycats@...> wrote: > Dojo released a new widget today: a spreadsheet widget. and it ocurred to me > that while we don't quite have anything like that yet, there are scattered > widgets throughout the jQuerysphere. I figured it'd be nice for us to put > together a jQuery widget package that, to the extent possible, mirrors the > Dojo widget set. > > The challenge is this: where there is no existing widget, create it. The > holy grail, at this point, would be a replication of their spreadsheet > widget or their rich text editor widget. > > I'd like to put together the widget pack at some point in the next month, > and I'll be featuring the widget pack in next month's Magazine. Theere's > nothing requiring an exact mirror of the Dojo widgets, so feel free to > submit widgets that are not present in Dojo. > > You can check out what Dojo has currently at http://dojotoolkit.org/ > > Enjoy! > > -- > Yehuda Katz > Web Developer | Wycats Designs > (ph) 718.877.1325 > _______________________________________________ > jQuery mailing list > discuss@... > http://jquery.com/discuss/ > > > _______________________________________________ jQuery mailing list discuss@... http://jquery.com/discuss/ |
|
|
Re: Widget ChallengeHi there,
as you may know, the jQuery website is going to be updated soon, supported by a famous cms. Maybe it would be good to build in a plugins platform into the page, where every developer can add his plugin, like for example Firefox Plugins, mozdev. etc. What do you think? 2006/9/27, Dylan Verheul <dylan.verheul@...>: Feel free to include what's on http://www.dyve.net/jquery -- Paul Bakaus Web Developer ------------------------ Hildastr. 35 79102 Freiburg _______________________________________________ jQuery mailing list discuss@... http://jquery.com/discuss/ |
|
|
Re: Widget ChallengeOn Wed, 27 Sep 2006, Paul Bakaus wrote:
> as you may know, the jQuery website is going to be updated soon, > supported by a famous cms. Maybe it would be good to build in a plugins > platform into the page, where every developer can add his plugin, like > for example Firefox Plugins, mozdev. etc. I like the idea. And I've got a few simple plugins I could contribute. Dave _______________________________________________ jQuery mailing list discuss@... http://jquery.com/discuss/ |
|
|
Re: Widget ChallengeSaid famous CMS has support for doing precisely that, and in fact uses such
support for its own module development. John hinted before that he was looking to go in that direction, which I think would be terrific for all involved. On Wednesday 27 September 2006 01:24, Paul Bakaus wrote: > Hi there, > as you may know, the jQuery website is going to be updated soon, supported > by a famous cms. Maybe it would be good to build in a plugins platform into > the page, where every developer can add his plugin, like for example > Firefox Plugins, mozdev. etc. > > What do you think? > > 2006/9/27, Dylan Verheul <dylan.verheul@...>: > > Feel free to include what's on http://www.dyve.net/jquery > > (autocomplete, autohelp, googlemaps, editable). > > > > On 9/27/06, Yehuda Katz <wycats@...> wrote: > > > Dojo released a new widget today: a spreadsheet widget. and it ocurred > > > > to me > > > > > that while we don't quite have anything like that yet, there are > > > > scattered > > > > > widgets throughout the jQuerysphere. I figured it'd be nice for us to > > > > put > > > > > together a jQuery widget package that, to the extent possible, mirrors > > > > the > > > > > Dojo widget set. > > > > > > The challenge is this: where there is no existing widget, create it. > > > The holy grail, at this point, would be a replication of their > > > spreadsheet widget or their rich text editor widget. > > > > > > I'd like to put together the widget pack at some point in the next > > > > month, > > > > > and I'll be featuring the widget pack in next month's Magazine. > > > Theere's nothing requiring an exact mirror of the Dojo widgets, so feel > > > free to submit widgets that are not present in Dojo. > > > > > > You can check out what Dojo has currently at http://dojotoolkit.org/ > > > > > > Enjoy! > > > > > > -- > > > Yehuda Katz > > > Web Developer | Wycats Designs > > > (ph) 718.877.1325 > > > _______________________________________________ > > > jQuery mailing list > > > discuss@... > > > http://jquery.com/discuss/ > > > > _______________________________________________ > > jQuery mailing list > > discuss@... > > http://jquery.com/discuss/ -- Larry Garfield AIM: LOLG42 larry@... ICQ: 6817012 "If nature has made any one thing less susceptible than all others of exclusive property, it is the action of the thinking power called an idea, which an individual may exclusively possess as long as he keeps it to himself; but the moment it is divulged, it forces itself into the possession of every one, and the receiver cannot dispossess himself of it." -- Thomas Jefferson _______________________________________________ jQuery mailing list discuss@... http://jquery.com/discuss/ |
|
|
Re: Widget ChallengeHi,
> The challenge is this: where there is no existing widget, create it. The > holy grail, at this point, would be a replication of their spreadsheet > widget or their rich text editor widget. I have a rich text editor in planing. It will not directly include a toolbar or something, but expose an API for that. I don't whant to have a fixed UI, but rather let people design multiple of them. As I said it is at planing stage so no code is avilable at the moment. Any help can ususally be used :-) Christof _______________________________________________ jQuery mailing list discuss@... http://jquery.com/discuss/ |
|
|
Re: Widget ChallengeGreat idea Yehuda!
You've been doing a lot to promote the jQuery scene lately, which can only be a good thing for future development! I personally would love to see something like the fisheye widget which is awsomely cool. There really needs to be more plugins on the scene that have the 'wow' factor. Currently IMHO, thickbox holds that title, and yet there are others that could extend Cody's work further with simple things like Interface. I've already begun work on a model window plugin/widget much alike the one on Dojo (called jAlert). Basically, they do the same as alerts, but look nicer, and can be resized, dragged, minimized, maximized and closed. This resulted from my work on Thickbox and JavaWin.
|
|
|
Re: Widget ChallengeHi!
I have put up a little function that does something like the fisheye plugin. However, this is only a concept, it doesn't behave like the real one. It will not detect near containers and therefore is not very smooth. the function: $.fn.fisheye = function() { this.each(function() { var fishHeight = parseInt($("img", this).height()); var fishWidth = parseInt($("img", this).width()); $(this.childNodes).hover( function() { $(this.childNodes).animate({ height: 150, width: 150 }, 200); }, function() { $(this.childNodes).animate({ height: fishHeight, width: fishWidth }, 500); }); }); } test it like this: <ul class="fisheye"> <li><img src="http://happyday.dk/funnypics/animal/images/monkey.jpg " height="64" width="64" /></li> <li><img src="http://happyday.dk/funnypics/animal/images/monkey.jpg " height="64" width="64" /></li> <li><img src="http://happyday.dk/funnypics/animal/images/monkey.jpg " height="64" width="64" /></li> <li><img src="http://happyday.dk/funnypics/animal/images/monkey.jpg " height="64" width="64" /></li> <li><img src="http://happyday.dk/funnypics/animal/images/monkey.jpg " height="64" width="64" /></li> </ul> and style the ul like you want it. have fun. 2006/9/27, Dan Atkinson <dandementia@...>:
-- Paul Bakaus Web Developer ------------------------ Hildastr. 35 79102 Freiburg _______________________________________________ jQuery mailing list discuss@... http://jquery.com/discuss/ |
|
|
Re: Widget ChallengePaul,
That's a good start! I see what you're doing! A larger z-indexed div could be created around each fisheye image, and a calculation could be done to determine how far from the centre of the box the mouse cursor is. The image can then be scaled depending on this value. This also means that the div surrounding the image would intersect with with the other elements as they would overlap. This should make the animation smoother. That's just off the top of my head however.
|
|
|
Re: Widget ChallengeYehuda Katz schrieb:
> You can check out what Dojo has currently at http://dojotoolkit.org/ I haven't worked with Dojo and therefore dunno about its structure, I hope someone else can answer this question: Would it be possible to write an adapter to allow using Dojo widgets with jQuery as its base? -- Jörn _______________________________________________ jQuery mailing list discuss@... http://jquery.com/discuss/ |
|
|
Re: Widget ChallengeAs an aside,
I wrote out this in a webpage with a few choice icons. It doensn't really work in IE, but I thought I'd stick your code up there: http://dan-atkinson.com/fisheye/ Cheers, Dan
|
|
|
Re: Widget ChallengeHi Dan,
some improvement idea for the page you have set up: Stick the outer container to the bottom of the page via position: absolute or fixed, this way you don't have the "bumping problem" for the height of the outer container. Other than that, I had almost the same idea you talked about, one additional idea: if you hover the icon, you clone the icon and stick it on top centered of the original (outside the original list). This way you don't alter the original list height and width, and it would look like a real magnification (even dojo does not have this effect!) Maybe I can work something out again, improve it a bit further. See ya! 2006/9/28, Dan Atkinson <dandementia@...>:
-- Paul Bakaus Web Developer ------------------------ Hildastr. 35 79102 Freiburg _______________________________________________ jQuery mailing list discuss@... http://jquery.com/discuss/ |
|
|
Re: Widget ChallengeExample: If we had an icon set of A B C D E F G And D was being hovered over, the magnifications might be as follows: A 100% B 120% C 144% D 172% E 144% F 120% G 100% What Apple does to make the effect really slick is modify the magnfications depending where on the icon the mouse is. Totally centering the mouse on the icon has equal magnification to the left and right icons, while moving the mouse to the left on the icon increases the magnification of the left icons and decreases it on the right. The trick would be coming up with a good way to track the mouse movements on the icon itself and an algorithm for changing the magnification, but it'd be dead sexy. I'd use it :-D -- Yehuda Katz Web Developer | Wycats Designs (ph) 718.877.1325 On 9/28/06, Paul Bakaus <paul.bakaus@...> wrote: Hi Dan, _______________________________________________ jQuery mailing list discuss@... http://jquery.com/discuss/ |
|
|
Re: Widget ChallengeThis is exactly what I was working on last night! I have already been able to track mouse proximity around an element (not exactly rocket science!) but I removed the script and HTML from the page because I didn't want some folks getting confused.
Determining its distance from dead centre, however, proves to be a challange. But I guess it's just a case of determining the width and height of the element, dividing the values by two, and adding that with the value of the mouse position x and y divided by two. The closer the mouse gets to the centre, the close to zero it gets. Sounds simple enough! :-P
|
|
|
Re: Widget ChallengeWhy the bottom?
Is that where the Apple menu is? I don't know, I don't have an Apple computer. I like the idea of cloning the icon to maintain the menu position. I'll be honest and say that I simply don't have the JS/jQuery knowledge to clone it. Is it just: $("img").clone().appendTo("img"); ?? That would just add it next to the image... Hmmm... No. I don't know enough about it to do that with ease! :)
|
|
|
Re: Widget ChallengeDan Atkinson wrote:
> Why the bottom? > > Is that where the Apple menu is? I don't know, I don't have an Apple > computer. > > I like the idea of cloning the icon to maintain the menu position. I'll be > honest and say that I simply don't have the JS/jQuery knowledge to clone it. > > Is it just: > > $("img").clone().appendTo("img"); > > ?? > > That would just add it next to the image... Hmmm... No. I don't know enough > about it to do that with ease! :) Couldn't that be done, just by changing the CSS 'position' property so something like 'fixed', 'absolute', or whatever (haven't had time to look it up!) so it no longer affects the surrounding element. _______________________________________________ jQuery mailing list discuss@... http://jquery.com/discuss/ |
|
|
Re: Widget ChallengeI'll have a look at positioning now.
Also, putting a link around it seems to break it. I've messed about with it, but all it does now is twitch! :-)
|
|
|
Re: Widget ChallengeYehuda,
Can you put this on the jQuery blog page, to generate more interest, please? It has so few articles, and something like this shouldn't be buried away in the mailing list. This way, we can digg the story, and bring more attention to the widget challenge. We could also begin a competition for a 'killer jwidget'.
|
|
|
Re: Widget ChallengeYehuda Katz wrote: Dojo released a new widget today: a spreadsheet widget. and it ocurred to me that while we don't quite have anything like that yet, there are scattered widgets throughout the jQuerysphere. I figured it'd be nice for us to put together a jQuery widget package that, to the extent possible, mirrors the Dojo widget set. _______________________________________________ jQuery mailing list discuss@... http://jquery.com/discuss/ |
|
|
Re: FisheyeStefan Petre your plugin
is very good for me, very thanks I searching this style menu, very good job thaks De: discuss-bounces@... [mailto:discuss-bounces@...]
En nombre de Stefan Petre I start working on the same think: fisheye menu http://interface.eyecon.ro/development/demos/fisheye.html
is just a draft hope something nice will come out of this. Dojo released a new widget today: a spreadsheet
widget. and it ocurred to me that while we don't quite have anything like that
yet, there are scattered widgets throughout the jQuerysphere. I figured it'd be
nice for us to put together a jQuery widget package that, to the extent
possible, mirrors the Dojo widget set.
_______________________________________________jQuery mailing listdiscuss@...http://jquery.com/discuss/
_______________________________________________ jQuery mailing list discuss@... http://jquery.com/discuss/ |
| Free embeddable forum powered by Nabble | Forum Help |