Wiki Icons - Design - lists.wikimedia.org

List overview All Threads
Download

Wiki Icons

Re: [Design] Living style guide

Re: [Design] Wiki Icons

May Tee-Galloway

31 Jan 2015 31 Jan '15

2:07 a.m.

As promised, icons are now done. You may now use them knowing that they're pixel-perfectly composed within 24 x 24px canvas. Icons <https://www.dropbox.com/sh/tn5jctp80x1q8sp/AAC3oZ7TbN26QK89rE6e_XdIa?dl=0> [image: Inline image 1] -- mm

Attachments:

attachment.htm (text/html — 518 bytes)
giphy.gif (image/gif — 998.7 KB)

Reply

Show replies by date

Jared Zimmerman

31 Jan 31 Jan

2:27 a.m.

Nice! Just a heads up to anyone viewing these directly on Dropbox… they aren't optimized for that, and may look funky. You can open them directly in your browser for a better preview. sent while mobile On Fri, Jan 30, 2015 at 5:07 PM, May Tee-Galloway <mgalloway(a)wikimedia.org> wrote:

As promised, icons are now done. You may now use them knowing that they're pixel-perfectly composed within 24 x 24px canvas. Icons <https://www.dropbox.com/sh/tn5jctp80x1q8sp/AAC3oZ7TbN26QK89rE6e_XdIa?dl=0> [image: Inline image 1] -- mm

Reply

Jan Ainali

9:20 a.m.

Awesome! Are they also available on Commons? *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> 2015-01-31 2:27 GMT+01:00 Jared Zimmerman <jared.zimmerman(a)wikimedia.org>rg>:

Nice! Just a heads up to anyone viewing these directly on Dropbox… they aren't optimized for that, and may look funky. You can open them directly in your browser for a better preview. sent while mobile On Fri, Jan 30, 2015 at 5:07 PM, May Tee-Galloway <mgalloway(a)wikimedia.org

wrote:

As promised, icons are now done. You may now use them knowing that they're pixel-perfectly composed within 24 x 24px canvas. Icons <https://www.dropbox.com/sh/tn5jctp80x1q8sp/AAC3oZ7TbN26QK89rE6e_XdIa?dl=0> <giphy.gif> -- mm

_______________________________________________ Design mailing list Design(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design

Reply

Trevor Parscal

10:08 a.m.

Noticing some rendering issues in dropbox, let me verify they are working well with the MediaWiki SVG rendering software before we upload them to commons. I will fix them up as needed. - Trevor On Sat, Jan 31, 2015 at 12:20 AM, Jan Ainali <jan.ainali(a)wikimedia.se> wrote:

Awesome! Are they also available on Commons? *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> 2015-01-31 2:27 GMT+01:00 Jared Zimmerman <jared.zimmerman(a)wikimedia.org>rg>:

Nice! Just a heads up to anyone viewing these directly on Dropbox… they aren't optimized for that, and may look funky. You can open them directly in your browser for a better preview. sent while mobile On Fri, Jan 30, 2015 at 5:07 PM, May Tee-Galloway < mgalloway(a)wikimedia.org> wrote:

As promised, icons are now done. You may now use them knowing that they're pixel-perfectly composed within 24 x 24px canvas. Icons <https://www.dropbox.com/sh/tn5jctp80x1q8sp/AAC3oZ7TbN26QK89rE6e_XdIa?dl=0> <giphy.gif> -- mm

_______________________________________________ Design mailing list Design(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design

_______________________________________________ Design mailing list Design(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design

Reply

Jared Zimmerman

11:11 p.m.

I checked some of the worst offenders based on drop box rendering and they we're fine in image app and just loaded directly in safari. I think dropbox's SVG preview is just crappy sent while mobile On Sat, Jan 31, 2015 at 1:09 AM, Trevor Parscal <tparscal(a)wikimedia.org> wrote:

Noticing some rendering issues in dropbox, let me verify they are working well with the MediaWiki SVG rendering software before we upload them to commons. I will fix them up as needed. - Trevor On Sat, Jan 31, 2015 at 12:20 AM, Jan Ainali <jan.ainali(a)wikimedia.se> wrote: > Awesome! > > Are they also available on Commons? > > > *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> > > > 2015-01-31 2:27 GMT+01:00 Jared Zimmerman <jared.zimmerman(a)wikimedia.org>rg>: > >> Nice! >> >> Just a heads up to anyone viewing these directly on Dropbox… they aren't >> optimized for that, and may look funky. You can open them directly in your >> browser for a better preview. >> >> sent while mobile >> >> >> On Fri, Jan 30, 2015 at 5:07 PM, May Tee-Galloway < >> mgalloway(a)wikimedia.org> wrote: >> >>> As promised, icons are now done. You may now use them knowing that >>> they're pixel-perfectly composed within 24 x 24px canvas. >>> >>> Icons >>> <https://www.dropbox.com/sh/tn5jctp80x1q8sp/AAC3oZ7TbN26QK89rE6e_XdIa?dl=0> >>> >>> >>> <giphy.gif> >>> >>> >>> -- >>> mm >>> >>> >>> >> >> _______________________________________________ >> Design mailing list >> Design(a)lists.wikimedia.org >> https://lists.wikimedia.org/mailman/listinfo/design >> >> > > _______________________________________________ > Design mailing list > Design(a)lists.wikimedia.org > https://lists.wikimedia.org/mailman/listinfo/design > >

Reply

May Galloway

1 Feb 1 Feb

12:24 a.m.

I'll update current icons on commons on Monday. mm

On Jan 31, 2015, at 2:11 PM, Jared Zimmerman <jzimmerman(a)wikimedia.org> wrote: I checked some of the worst offenders based on drop box rendering and they we're fine in image app and just loaded directly in safari. I think dropbox's SVG preview is just crappy sent while mobile

On Sat, Jan 31, 2015 at 1:09 AM, Trevor Parscal <tparscal(a)wikimedia.org> wrote: Noticing some rendering issues in dropbox, let me verify they are working well with the MediaWiki SVG rendering software before we upload them to commons. I will fix them up as needed. - Trevor > On Sat, Jan 31, 2015 at 12:20 AM, Jan Ainali <jan.ainali(a)wikimedia.se> wrote: > Awesome! > > Are they also available on Commons? > > Med vänliga hälsningar, > Jan Ainali > > Verksamhetschef, Wikimedia Sverige > 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. > > > 2015-01-31 2:27 GMT+01:00 Jared Zimmerman <jared.zimmerman(a)wikimedia.org>rg>: >> Nice! >> >> Just a heads up to anyone viewing these directly on Dropbox… they aren't optimized for that, and may look funky. You can open them directly in your browser for a better preview. >> >> sent while mobile >> >> >>> On Fri, Jan 30, 2015 at 5:07 PM, May Tee-Galloway <mgalloway(a)wikimedia.org> wrote: >>> As promised, icons are now done. You may now use them knowing that they're pixel-perfectly composed within 24 x 24px canvas. >>> >>> Icons >>> >>> <giphy.gif> >>> >>> >>> -- >>> mm >> >> >> _______________________________________________ >> Design mailing list >> Design(a)lists.wikimedia.org >> https://lists.wikimedia.org/mailman/listinfo/design > > > _______________________________________________ > Design mailing list > Design(a)lists.wikimedia.org > https://lists.wikimedia.org/mailman/listinfo/design

Reply

Prateek Saxena

6 Feb 6 Feb

7:40 a.m.

On Sat, Jan 31, 2015 at 2:38 PM, Trevor Parscal <tparscal(a)wikimedia.org> wrote:

Noticing some rendering issues in dropbox, let me verify they are working well with the MediaWiki SVG rendering software before we upload them to commons. I will fix them up as needed.

Trevor, were you able to verify the rendering? Should I start moving them to images/ in the MediaWiki OOjs UI theme?

Reply

S Page

4 Feb 4 Feb

12:54 a.m.

On Fri, Jan 30, 2015 at 5:07 PM, May Tee-Galloway <mgalloway(a)wikimedia.org> wrote:

As promised, icons are now done. You may now use them knowing that they're pixel-perfectly composed within 24 x 24px canvas.

Great, can you update https://www.mediawiki.org/wiki/Design/WikiFont <https://www.mediawiki.org/wiki/Design/WikiFont#Future_plans> ? How can third-party MediaWiki developers use these? The ResourceLoaderImageModule hinted at in https://www.mediawiki.org/wiki/Design/WikiFont#Future_plans is merged, but seems undocumented. I assume OOjs UI will be able to use any of these icons in a button, e.g. http://living-style-guide.wmflabs.org/wiki/OOjs_UI/Widgets/Buttons_and_Swit… . OOjs UI's list of semantic names is at https://git.wikimedia.org/blob/oojs%2Fui.git/HEAD/src%2Fthemes%2Fmediawiki%… , but as I commented in the earlier "Icon SVGs needed" thread, ideally we would have a table of the icon file names together with Jon's visual and semantic description and their Unicode code points (as I understand it the mobile apps still use the WikiIcon font). Also in that thread, Jon suggested

I think we need a single repository with all the icons in it. On the long term I expect we can just use OOJS but in the meantime I would recommend we should be working from the same place and using a git submodule to pull these icons in.

which still seems a good idea. If that had a JSON file of the icon names and information we could generate an on-wiki table with the SVGs in it. -- =S Page WMF Tech writer

Reply

May Tee-Galloway

1:29 a.m.

All icons have been uploaded to commons displayed at https://www.mediawiki.org/wiki/Design/WikiFont <https://www.mediawiki.org/wiki/Design/WikiFont#Future_plans> as of yesterday. On Tue, Feb 3, 2015 at 3:54 PM, S Page <spage(a)wikimedia.org> wrote:

On Fri, Jan 30, 2015 at 5:07 PM, May Tee-Galloway <mgalloway(a)wikimedia.org

wrote:

As promised, icons are now done. You may now use them knowing that they're pixel-perfectly composed within 24 x 24px canvas.

Great, can you update https://www.mediawiki.org/wiki/Design/WikiFont <https://www.mediawiki.org/wiki/Design/WikiFont#Future_plans> ? How can third-party MediaWiki developers use these? The ResourceLoaderImageModule hinted at in https://www.mediawiki.org/wiki/Design/WikiFont#Future_plans is merged, but seems undocumented. I assume OOjs UI will be able to use any of these icons in a button, e.g. http://living-style-guide.wmflabs.org/wiki/OOjs_UI/Widgets/Buttons_and_Swit… . OOjs UI's list of semantic names is at https://git.wikimedia.org/blob/oojs%2Fui.git/HEAD/src%2Fthemes%2Fmediawiki%… , but as I commented in the earlier "Icon SVGs needed" thread, ideally we would have a table of the icon file names together with Jon's visual and semantic description and their Unicode code points (as I understand it the mobile apps still use the WikiIcon font). Also in that thread, Jon suggested

I think we need a single repository with all the icons in it. On the long term I expect we can just use OOJS but in the meantime I would recommend we should be working from the same place and using a git submodule to pull these icons in.

which still seems a good idea. If that had a JSON file of the icon names and information we could generate an on-wiki table with the SVGs in it. -- =S Page WMF Tech writer

-- mm

Reply

Derk-Jan Hartman

9 Feb 9 Feb

5:27 p.m.

I note that ‘color palette’ in that page links to Trello. This information should probably be moved to a more permanent place that a now defunct bug tracker. DJ

On 4 feb. 2015, at 01:29, May Tee-Galloway <mgalloway(a)wikimedia.org> wrote: All icons have been uploaded to commons displayed at https://www.mediawiki.org/wiki/Design/WikiFont <https://www.mediawiki.org/wiki/Design/WikiFont#Future_plans> as of yesterday. On Tue, Feb 3, 2015 at 3:54 PM, S Page <spage(a)wikimedia.org <mailto:spage@wikimedia.org>> wrote: On Fri, Jan 30, 2015 at 5:07 PM, May Tee-Galloway <mgalloway(a)wikimedia.org <mailto:mgalloway@wikimedia.org>> wrote: As promised, icons are now done. You may now use them knowing that they're pixel-perfectly composed within 24 x 24px canvas. Great, can you update https://www.mediawiki.org/wiki/Design/WikiFont <https://www.mediawiki.org/wiki/Design/WikiFont#Future_plans> ? How can third-party MediaWiki developers use these? The ResourceLoaderImageModule hinted at in https://www.mediawiki.org/wiki/Design/WikiFont#Future_plans <https://www.mediawiki.org/wiki/Design/WikiFont#Future_plans> is merged, but seems undocumented. I assume OOjs UI will be able to use any of these icons in a button, e.g. http://living-style-guide.wmflabs.org/wiki/OOjs_UI/Widgets/Buttons_and_Swit… <http://living-style-guide.wmflabs.org/wiki/OOjs_UI/Widgets/Buttons_and_Switches> . OOjs UI's list of semantic names is at https://git.wikimedia.org/blob/oojs%2Fui.git/HEAD/src%2Fthemes%2Fmediawiki%… <https://git.wikimedia.org/blob/oojs%2Fui.git/HEAD/src%2Fthemes%2Fmediawiki%2Fimages.json#L26> , but as I commented in the earlier "Icon SVGs needed" thread, ideally we would have a table of the icon file names together with Jon's visual and semantic description and their Unicode code points (as I understand it the mobile apps still use the WikiIcon font). Also in that thread, Jon suggested I think we need a single repository with all the icons in it. On the long term I expect we can just use OOJS but in the meantime I would recommend we should be working from the same place and using a git submodule to pull these icons in. which still seems a good idea. If that had a JSON file of the icon names and information we could generate an on-wiki table with the SVGs in it. -- =S Page WMF Tech writer -- mm _______________________________________________ Design mailing list Design(a)lists.wikimedia.org <mailto:Design@lists.wikimedia.org> https://lists.wikimedia.org/mailman/listinfo/design <https://lists.wikimedia.org/mailman/listinfo/design>

Reply

Jared Zimmerman

10 Feb 10 Feb

3:54 a.m.

DJ, This will have its own section in the new LSG. *Jared Zimmerman * \\ Director of User Experience \\ Wikimedia Foundation M +1 415 609 4043 \\ @jaredzimmerman <http://loo.ms/g0> On Mon, Feb 9, 2015 at 8:27 AM, Derk-Jan Hartman < d.j.hartman+wmf_ml(a)gmail.com> wrote:

I note that ‘color palette’ in that page links to Trello. This information should probably be moved to a more permanent place that a now defunct bug tracker. DJ On 4 feb. 2015, at 01:29, May Tee-Galloway <mgalloway(a)wikimedia.org> wrote: All icons have been uploaded to commons displayed at https://www.mediawiki.org/wiki/Design/WikiFont <https://www.mediawiki.org/wiki/Design/WikiFont#Future_plans> as of yesterday. On Tue, Feb 3, 2015 at 3:54 PM, S Page <spage(a)wikimedia.org> wrote:

On Fri, Jan 30, 2015 at 5:07 PM, May Tee-Galloway < mgalloway(a)wikimedia.org> wrote:

As promised, icons are now done. You may now use them knowing that they're pixel-perfectly composed within 24 x 24px canvas.

Great, can you update https://www.mediawiki.org/wiki/Design/WikiFont <https://www.mediawiki.org/wiki/Design/WikiFont#Future_plans> ? How can third-party MediaWiki developers use these? The ResourceLoaderImageModule hinted at in https://www.mediawiki.org/wiki/Design/WikiFont#Future_plans is merged, but seems undocumented. I assume OOjs UI will be able to use any of these icons in a button, e.g. http://living-style-guide.wmflabs.org/wiki/OOjs_UI/Widgets/Buttons_and_Swit… . OOjs UI's list of semantic names is at https://git.wikimedia.org/blob/oojs%2Fui.git/HEAD/src%2Fthemes%2Fmediawiki%… , but as I commented in the earlier "Icon SVGs needed" thread, ideally we would have a table of the icon file names together with Jon's visual and semantic description and their Unicode code points (as I understand it the mobile apps still use the WikiIcon font). Also in that thread, Jon suggested

I think we need a single repository with all the icons in it. On the long term I expect we can just use OOJS but in the meantime I would recommend we should be working from the same place and using a git submodule to pull these icons in.

which still seems a good idea. If that had a JSON file of the icon names and information we could generate an on-wiki table with the SVGs in it. -- =S Page WMF Tech writer

-- mm _______________________________________________ Design mailing list Design(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design _______________________________________________ Design mailing list Design(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design

Reply

3356

days inactive

3366

days old

design@lists.wikimedia.org

Manage subscription

10 comments

9 participants

tags (0)

participants (9)

Derk-Jan Hartman
Jan Ainali
Jared Zimmerman
Jared Zimmerman
May Galloway
May Tee-Galloway
Prateek Saxena
S Page
Trevor Parscal