Hi all,
I need to create some tooltips for the MediaViewer project which have a more robust look and behavior than the usual tipsy tooltips. (See the second mockup in this specification https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/719.) They would still be implemented via tipsy, but would need to be reskinned.
This seems to be the kind of functionality that should not reimplemented by each team with a different look and feel and a duplication of effort, but should be done once in some central location so it is usable by all. So I am wondering if something like this exist already, and if it doesn't , what rules should I follow to make sure my work is useful for other teams?
Pau pointed me at the Tipsy on mediawiki.ui https://trello.com/c/vr0Oai8G/18-tipsy trello card, which is exactly what I would need, but had no activity since April, and it's hard to figure out the state of the project from it (I did not find any related code in mediawiki.ui, at any rate). Are there any results of that which I could use?
Gergo,
Please work with Trevor, Jon, and Prateek on this. It would be great for you to be able to build this out and include it in the main component library.
*Jared Zimmerman * \ Director of User Experience \ Wikimedia Foundation
M +1 415 609 4043 \ @jaredzimmerman http://loo.ms/g0
On Sun, Oct 5, 2014 at 3:26 AM, Gergo Tisza gtisza@wikimedia.org wrote:
Hi all,
I need to create some tooltips for the MediaViewer project which have a more robust look and behavior than the usual tipsy tooltips. (See the second mockup in this specification https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/719.) They would still be implemented via tipsy, but would need to be reskinned.
This seems to be the kind of functionality that should not reimplemented by each team with a different look and feel and a duplication of effort, but should be done once in some central location so it is usable by all. So I am wondering if something like this exist already, and if it doesn't , what rules should I follow to make sure my work is useful for other teams?
Pau pointed me at the Tipsy on mediawiki.ui https://trello.com/c/vr0Oai8G/18-tipsy trello card, which is exactly what I would need, but had no activity since April, and it's hard to figure out the state of the project from it (I did not find any related code in mediawiki.ui, at any rate). Are there any results of that which I could use?
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
Thank you for approaching new work in this way! My dream is for teams to be able to build things lightning fast as the components already exist. We can only do this if we responsibly code and look at what's already out there.
It's worth noting that in addition to this Shahyar has built something similar on Flow [1] but it currently doesn't use OOUI either. It however does use similar styling. It would be worth reaching out to the Flow team and see if it would be possible for your two teams to build something that leverages oojs/ooui and is flexible enough to meet your two use cases that can be called 'standard'.
Also think of the mobile.. the current tipsy controls are terrible on mobile and I'd appreciate if you can poke at the design and get it into a more mobile friendly state.
[1] (Click watch on http://en.wikipedia.beta.wmflabs.org/wiki/Talk:Flow_QA when logged in)
On Sun, Oct 5, 2014 at 10:20 PM, Jared Zimmerman < jared.zimmerman@wikimedia.org> wrote:
Gergo,
Please work with Trevor, Jon, and Prateek on this. It would be great for you to be able to build this out and include it in the main component library.
*Jared Zimmerman * \ Director of User Experience \ Wikimedia Foundation M +1 415 609 4043 \ @jaredzimmerman http://loo.ms/g0
On Sun, Oct 5, 2014 at 3:26 AM, Gergo Tisza gtisza@wikimedia.org wrote:
Hi all,
I need to create some tooltips for the MediaViewer project which have a more robust look and behavior than the usual tipsy tooltips. (See the second mockup in this specification https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/719.) They would still be implemented via tipsy, but would need to be reskinned.
This seems to be the kind of functionality that should not reimplemented by each team with a different look and feel and a duplication of effort, but should be done once in some central location so it is usable by all. So I am wondering if something like this exist already, and if it doesn't , what rules should I follow to make sure my work is useful for other teams?
Pau pointed me at the Tipsy on mediawiki.ui https://trello.com/c/vr0Oai8G/18-tipsy trello card, which is exactly what I would need, but had no activity since April, and it's hard to figure out the state of the project from it (I did not find any related code in mediawiki.ui, at any rate). Are there any results of that which I could use?
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
Relevant Trello card is https://trello.com/c/vr0Oai8G/18-tipsy
Shahyar do you have a patch to move Flow's implementation[2] into core mediawiki.ui? It's in Flow's mw-ui-enhance.js but not in your https://gerrit.wikimedia.org/r/#/c/125836/ patch.
On Mon, Oct 6, 2014 at 10:43 AM, Jon Robson jrobson@wikimedia.org wrote:
It's worth noting that in addition to this Shahyar has built something similar on Flow [1] but it currently doesn't use OOUI either. It however does use similar styling. It would be worth reaching out to the Flow team and see if it would be possible for your two teams to build something that leverages oojs/ooui and is flexible enough to meet your two use cases that can be called 'standard'.
Also think of the mobile.. the current tipsy controls are terrible on mobile and I'd appreciate if you can poke at the design and get it into a more mobile friendly state.
[1] (Click watch on http://en.wikipedia.beta.wmflabs.org/wiki/Talk:Flow_QA when logged in)
Also go to the Flow board logged out (in a private window) and reply for an progressive anon warning; and hover over "Newer topics" sort for a neutral tooltip.
[2] https://github.com/wikimedia/mediawiki-extensions-Flow/blob/HEAD/modules/new... and https://github.com/wikimedia/mediawiki-extensions-Flow/blob/HEAD/modules/new...
OOjs UI has something called PopupWidget that looks just like the mockup when using the MediaWiki theme, but currently doesn't support "gravity" options or color variants.