A curious, perhaps a bit off topic question. Is there any way to see what icons are supported in the markup? I am thinking of something like an icon library.
*Med vänliga hälsningar,Jan Ainali* Verksamhetschef, Wikimedia Sverige <http://wikimedia.se> 0729 - 67 29 48 *Tänk dig en värld där varje människa har fri tillgång till mänsklighetens samlade kunskap. Det är det vi gör.* Bli medlem. <http://blimedlem.wikimedia.se> 2014-09-24 18:55 GMT+02:00 Jon Robson <[email protected]>: > Icons are now described in the styleguide [1] > Flow, MobileFrontend and Growth should be migrating towards this > markup (disclaimer: markup might change in future but not before we > have a common API for generating the markup e.g. mw.ui.icon( 'thanks' > ) ) > > There is a tracking bug to move to this markup [2] > I'm working on moving MobileFrontend to use this markup. > I believe Sam Smith is looking at things from the core side of things. > Migrating Flow is only possibly partially right now, as many of the > icons need to exist in different colours and we are going to need some > RL support for that. Shahyar can comment, but I'm hoping there is some > way Flow can work around that problem? > > I'll need help from Trevor/Bartosz now to provide a method of tying a > class e.g. mw-ui-icon-thanks to the SVG/PNG background image. We'll > need some kind of shared repository (git submodule) in core to move > this along. Can either of you help me with this today? > > I thought it would also be useful to share a big picture road map of > how I see this work and other work unfolding [3]. Let me know (in a > separate thread) if there is anything you seriously disagree with or > want to flesh out some more. > > [1] http://tools.wmflabs.org/styleguide/desktop/section-4.html > [2] https://bugzilla.wikimedia.org/show_bug.cgi?id=71180 > [3] > https://www.mediawiki.org/wiki/User:Jdlrobson/Quest/Frontend_UI_standardisation#Icon_standardisation > > On Fri, Sep 12, 2014 at 9:42 AM, Jon Robson <[email protected]> wrote: > > Great stuff. > > We are going to need such a tool for the mediawiki ui subdirectory of > > core soon. I'm not sure what is the best way to use the tool. > > > > Annoyingly I'm now stuck on markup standardisation as the main person > > I was arguing with (Sam Smith) is now on vacation :/ > > > > > > On Wed, Sep 10, 2014 at 5:40 AM, Bartosz Dziewoński <[email protected]> > wrote: > >> On Wed, 10 Sep 2014 02:11:45 +0200, Jon Robson <[email protected]> > >> wrote: > >> > >>>> 2) Trevor is going to look into how we can automatically generate > >>>> different colour versions of SVGs and automatically create PNGs from > >>>> them. > >>> > >>> > >>> Trevor any updates? > >> > >> > >> I took a stab at that after chatting with Trevor. > >> > >> tl;dr it's happening! > >> > >> OOjs UI now has a Grunt task [1] to generate PNG versions of SVG icons > (just > >> run `grunt` in the console and see the converted files appear in the > dist/ > >> directory). This is merged and used in production already, and would be > >> trivial to adapt to any other repository. > >> > >> There is a proof-of-concept patch for a SVG colorizer task, too [2] (run > >> `grunt` to try it out). Right now all it does is generate variously > colored > >> versions of icons according to rules specified in Gruntfile.js; Trevor > was > >> meaning to extend it to generate necessary CSS rules and to accept > >> configuration from a JSON file. If you're willing to write the LESS/CSS > by > >> hand, you can probably use it already. (The icons are naturally also > >> converted to PNG by the task from the previous paragraph.) > >> > >> (To run grunt tasks, you need to have Node.JS, NPM and Grunt installed, > then > >> run `npm install` in the root of any repository you want to use them in > to > >> install all task dependencies.) > >> > >> There are some "prebuilt" libraries to do this, like Grunticon or > Iconizr, > >> but they all have very strong unoverridable conventions about the > outputs > >> and inputs that don't match our own. They insist on generating CSS > sprites, > >> store color information in file names, or alternatively don't allow for > >> limiting available colors, and don't cooperate with MediaWiki's SVG+PNG > >> fallback method. > >> > >> [1] https://gerrit.wikimedia.org/r/#/c/158386/ > >> [2] https://gerrit.wikimedia.org/r/#/c/158444/ > >> > >> -- > >> Matma Rex > >> > >> > >> _______________________________________________ > >> Design mailing list > >> [email protected] > >> https://lists.wikimedia.org/mailman/listinfo/design > > > > > > > > -- > > Jon Robson > > * http://jonrobson.me.uk > > * https://www.facebook.com/jonrobson > > * @rakugojon > > _______________________________________________ > Design mailing list > [email protected] > https://lists.wikimedia.org/mailman/listinfo/design >
_______________________________________________ Design mailing list [email protected] https://lists.wikimedia.org/mailman/listinfo/design
