Discussion:
[Design] Wiki Icons
May Tee-Galloway
2015-01-31 01:07:28 UTC
Permalink
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
Jared Zimmerman
2015-01-31 01:27:46 UTC
Permalink
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
Post by May Tee-Galloway
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
Jan Ainali
2015-01-31 08:20:06 UTC
Permalink
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>
Post by Jared Zimmerman
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
Post by May Tee-Galloway
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
https://lists.wikimedia.org/mailman/listinfo/design
Trevor Parscal
2015-01-31 09:08:52 UTC
Permalink
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
Post by Jan Ainali
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>
Post by Jared Zimmerman
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 <
Post by May Tee-Galloway
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
https://lists.wikimedia.org/mailman/listinfo/design
_______________________________________________
Design mailing list
https://lists.wikimedia.org/mailman/listinfo/design
Jared Zimmerman
2015-01-31 22:11:36 UTC
Permalink
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
Post by Trevor Parscal
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
Post by Jan Ainali
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>
Post by Jared Zimmerman
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 <
Post by May Tee-Galloway
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
https://lists.wikimedia.org/mailman/listinfo/design
_______________________________________________
Design mailing list
https://lists.wikimedia.org/mailman/listinfo/design
May Galloway
2015-01-31 23:24:36 UTC
Permalink
I'll update current icons on commons on Monday.

mm
Post by Jared Zimmerman
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
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
Post by Jan Ainali
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.
Post by Jared Zimmerman
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
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
https://lists.wikimedia.org/mailman/listinfo/design
_______________________________________________
Design mailing list
https://lists.wikimedia.org/mailman/listinfo/design
Prateek Saxena
2015-02-06 06:40:50 UTC
Permalink
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?
S Page
2015-02-03 23:54:58 UTC
Permalink
Post by May Tee-Galloway
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_Switches
. OOjs UI's list of semantic names is at
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
Post by May Tee-Galloway
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
May Tee-Galloway
2015-02-04 00:29:35 UTC
Permalink
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.
Post by S Page
Post by May Tee-Galloway
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_Switches
. OOjs UI's list of semantic names is at
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
Post by May Tee-Galloway
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
May Tee-Galloway
2015-02-04 01:47:52 UTC
Permalink
That was an embarrassing overlook, fixed!
Post by May Tee-Galloway
displayed
Great job May!
Is the white stripe in the unflag_icon un-intentional? (see what I did
there?) Seems it should be a transparent line going through like the other
Un_icons
--
Rob Moen
Wikimedia Foundation
--
mm
Derk-Jan Hartman
2015-02-09 16:27:35 UTC
Permalink
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
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.
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_Switches <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%2Fimages.json#L26 <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
https://lists.wikimedia.org/mailman/listinfo/design <https://lists.wikimedia.org/mailman/listinfo/design>
Jared Zimmerman
2015-02-10 02:54:30 UTC
Permalink
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 <
Post by Derk-Jan Hartman
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
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.
Post by Jared Zimmerman
On Fri, Jan 30, 2015 at 5:07 PM, May Tee-Galloway <
Post by May Tee-Galloway
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_Switches
. OOjs UI's list of semantic names is at
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
Post by May Tee-Galloway
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
https://lists.wikimedia.org/mailman/listinfo/design
_______________________________________________
Design mailing list
https://lists.wikimedia.org/mailman/listinfo/design
Continue reading on narkive:
Loading...