Hey all, as a plugin developer I often run into the problem of what icon to use for tabs and sections. I usually end up using one of the existing icons, but it doesnt really look nice when you have 5 tabs using the same icon.
I think roundcube really limited itself by using custom icons. It's kind of reinventing the wheel.
Would it be an idea to add fontawesome as an icon set to roundcube? This would add over 500 icons to the set to choose from and is framework agnostic. We would need a way for plugin authors to add a classname to their tabs/section, but that shouldnt be too hard. I think it wouldnt even be so bad if roundcube itself used fontawesome icons.
Regards,
Cor
Such a font will definitely also better suit retina-screens and other high-density screens.
Martijn
-----Original Message----- From: dev-bounces@lists.roundcube.net [mailto:dev-bounces@lists.roundcube.net] On Behalf Of Cor Bosman Sent: donderdag 2 april 2015 12:19 To: Roundcube Development discussion mailing list Subject: [RCD] icons
Hey all, as a plugin developer I often run into the problem of what icon to use for tabs and sections. I usually end up using one of the existing icons, but it doesnt really look nice when you have 5 tabs using the same icon.
I think roundcube really limited itself by using custom icons. It's kind of reinventing the wheel.
Would it be an idea to add fontawesome as an icon set to roundcube? This would add over 500 icons to the set to choose from and is framework agnostic. We would need a way for plugin authors to add a classname to their tabs/section, but that shouldnt be too hard. I think it wouldnt even be so bad if roundcube itself used fontawesome icons.
Regards,
Cor
Roundcube Development discussion mailing list dev@lists.roundcube.net http://lists.roundcube.net/mailman/listinfo/dev
Absolutely. It will definitely improve the overall look of roundcube, and will give plugin developers a wide range of icons to choose from.
In larry the use of icons for tabs/sections is pretty much a must, and it is really a pain that developers need to create their own icons in roundcube's style. With fontawesome they'd have a huge set of icons to choose from. And if we support the configuration of icons through classnames in the plugin api, that would simplify the icon process immensely.
Right now, plugin developers would need to either create their own icon and add it through css, or use an existing icon and add it through css. Either way, you'd have to load in your own css file for each plugin.
Would roundcube be open to switch to fontawesome?
Cor
On 02 Apr 2015, at 14:45, martijn.thie@kpn.com wrote:
Such a font will definitely also better suit retina-screens and other high-density screens.
Martijn
Hello Cor
Thanks for the input, I can definitely agree that having a wider icon set available in the default skin would make things easier and also contribute to a more consistent look and feel for the users.
While replacing the current icons in Larry with font icons is probably out of scope, we could indeed just add the fontawesome set to the skin as a start.
Font-based icons will definitely be used in the new responsive skin which I now started to work on in my spare time. That shall become the successor for Larry and the new default skin. Therefore I'm looking forward to make things right there but keep the efforts on Larry to a minimum. Of course, we're open to volunteers who want to give Larry a fresh paint with font icons.
~Thomas
On Fri, Apr 3, 2015 at 11:08 AM, Cor Bosman cor@xs4all.nl wrote:
Absolutely. It will definitely improve the overall look of roundcube, and will give plugin developers a wide range of icons to choose from.
In larry the use of icons for tabs/sections is pretty much a must, and it is really a pain that developers need to create their own icons in roundcube's style. With fontawesome they'd have a huge set of icons to choose from. And if we support the configuration of icons through classnames in the plugin api, that would simplify the icon process immensely.
Right now, plugin developers would need to either create their own icon and add it through css, or use an existing icon and add it through css. Either way, you'd have to load in your own css file for each plugin.
Would roundcube be open to switch to fontawesome?
Cor
On 02 Apr 2015, at 14:45, martijn.thie@kpn.com wrote:
Such a font will definitely also better suit retina-screens and other high-density screens.
Martijn
Roundcube Development discussion mailing list dev@lists.roundcube.net http://lists.roundcube.net/mailman/listinfo/dev
I played around a bit with how to add fontawesome support for plugins, and it's not that easy.
I managed, but without rewriting large parts of the code, it's a bit of a (albeit small) hack. I do hope that even as a hack, we can find a way to do this as it would bring plugin developers much more choice.
I dont mind trying my hand at replacing all icons with fontawesome, and i already did part of it (tabs), but i ran into a problem immediately of not having matching icons for some tasks. Things like "Mailbox View" and "Display Messages" dont really have a matching fontawesome icon. Is RC open to replacing the current icons with some fontawesome alternative?
As an example of the quality difference, here's a zoomed in screenshot of a plugin i have using the plugin api to add a fontawesome icon. And you can also see I added a Spam/Virus icon to the tabs.
http://shot.ter.net/img/20150407-085423.png http://shot.ter.net/img/20150407-085423.png
Cor
On 03 Apr 2015, at 19:01, Thomas Bruederli thomas@roundcube.net wrote:
Hello Cor
Thanks for the input, I can definitely agree that having a wider icon set available in the default skin would make things easier and also contribute to a more consistent look and feel for the users.
While replacing the current icons in Larry with font icons is probably out of scope, we could indeed just add the fontawesome set to the skin as a start.
Font-based icons will definitely be used in the new responsive skin which I now started to work on in my spare time. That shall become the successor for Larry and the new default skin. Therefore I'm looking forward to make things right there but keep the efforts on Larry to a minimum. Of course, we're open to volunteers who want to give Larry a fresh paint with font icons.
~Thomas
On Fri, Apr 3, 2015 at 11:08 AM, Cor Bosman cor@xs4all.nl wrote:
Absolutely. It will definitely improve the overall look of roundcube, and will give plugin developers a wide range of icons to choose from.
In larry the use of icons for tabs/sections is pretty much a must, and it is really a pain that developers need to create their own icons in roundcube's style. With fontawesome they'd have a huge set of icons to choose from. And if we support the configuration of icons through classnames in the plugin api, that would simplify the icon process immensely.
Right now, plugin developers would need to either create their own icon and add it through css, or use an existing icon and add it through css. Either way, you'd have to load in your own css file for each plugin.
Would roundcube be open to switch to fontawesome?
Cor
On 02 Apr 2015, at 14:45, martijn.thie@kpn.com wrote:
Such a font will definitely also better suit retina-screens and other high-density screens.
Martijn
Roundcube Development discussion mailing list dev@lists.roundcube.net http://lists.roundcube.net/mailman/listinfo/dev
Roundcube Development discussion mailing list dev@lists.roundcube.net http://lists.roundcube.net/mailman/listinfo/dev
Is looking good Cor! Also combined with the CSS3 text-shadow (I think).
About the missing icons... You can probably also use "Entypo" which does have such icons in its set. Or otherwise create a new icon font yourself. For both options, see: http://fontello.com/
Regards, Martijn
From: dev-bounces@lists.roundcube.net [mailto:dev-bounces@lists.roundcube.net] On Behalf Of Cor Bosman Sent: dinsdag 7 april 2015 08:56 To: Roundcube Development discussion mailing list Subject: Re: [RCD] icons
I played around a bit with how to add fontawesome support for plugins, and it's not that easy.
I managed, but without rewriting large parts of the code, it's a bit of a (albeit small) hack. I do hope that even as a hack, we can find a way to do this as it would bring plugin developers much more choice.
I dont mind trying my hand at replacing all icons with fontawesome, and i already did part of it (tabs), but i ran into a problem immediately of not having matching icons for some tasks. Things like "Mailbox View" and "Display Messages" dont really have a matching fontawesome icon. Is RC open to replacing the current icons with some fontawesome alternative?
As an example of the quality difference, here's a zoomed in screenshot of a plugin i have using the plugin api to add a fontawesome icon. And you can also see I added a Spam/Virus icon to the tabs.
http://shot.ter.net/img/20150407-085423.png
Cor
On 03 Apr 2015, at 19:01, Thomas Bruederli <thomas@roundcube.netmailto:thomas@roundcube.net> wrote:
Hello Cor
Thanks for the input, I can definitely agree that having a wider icon set available in the default skin would make things easier and also contribute to a more consistent look and feel for the users.
While replacing the current icons in Larry with font icons is probably out of scope, we could indeed just add the fontawesome set to the skin as a start.
Font-based icons will definitely be used in the new responsive skin which I now started to work on in my spare time. That shall become the successor for Larry and the new default skin. Therefore I'm looking forward to make things right there but keep the efforts on Larry to a minimum. Of course, we're open to volunteers who want to give Larry a fresh paint with font icons.
~Thomas
On Fri, Apr 3, 2015 at 11:08 AM, Cor Bosman <cor@xs4all.nlmailto:cor@xs4all.nl> wrote:
Absolutely. It will definitely improve the overall look of roundcube, and will give plugin developers a wide range of icons to choose from.
In larry the use of icons for tabs/sections is pretty much a must, and it is really a pain that developers need to create their own icons in roundcube's style. With fontawesome they'd have a huge set of icons to choose from. And if we support the configuration of icons through classnames in the plugin api, that would simplify the icon process immensely.
Right now, plugin developers would need to either create their own icon and add it through css, or use an existing icon and add it through css. Either way, you'd have to load in your own css file for each plugin.
Would roundcube be open to switch to fontawesome?
Cor
On 02 Apr 2015, at 14:45, martijn.thie@kpn.commailto:martijn.thie@kpn.com wrote:
Such a font will definitely also better suit retina-screens and other high-density screens.
Martijn
Roundcube Development discussion mailing list dev@lists.roundcube.netmailto:dev@lists.roundcube.net http://lists.roundcube.net/mailman/listinfo/dev _______________________________________________ Roundcube Development discussion mailing list dev@lists.roundcube.netmailto:dev@lists.roundcube.net http://lists.roundcube.net/mailman/listinfo/dev
I dont think we should mix icon fonts. They often have different styles so it doesnt have the same look and feel.
Id be fine if we'd just have icon support for plugins/tabs, and leave the existing icons as is. I have that working, and we can finetune it until the RC devs are happy with it. Then plugin developers have a wide choice of icons. It's backwards compatible so existing plugins dont need to be changed at all if they currently add a roundcube icon.
Cor
On 07 Apr 2015, at 09:14, martijn.thie@kpn.com martijn.thie@kpn.com wrote:
Is looking good Cor! Also combined with the CSS3 text-shadow (I think).
About the missing icons… You can probably also use “Entypo” which does have such icons in its set. Or otherwise create a new icon font yourself. For both options, see: http://fontello.com/ http://fontello.com/
Regards, Martijn
From: dev-bounces@lists.roundcube.net mailto:dev-bounces@lists.roundcube.net [mailto:dev-bounces@lists.roundcube.net mailto:dev-bounces@lists.roundcube.net] On Behalf Of Cor Bosman Sent: dinsdag 7 april 2015 08:56 To: Roundcube Development discussion mailing list Subject: Re: [RCD] icons
I played around a bit with how to add fontawesome support for plugins, and it's not that easy.
I managed, but without rewriting large parts of the code, it's a bit of a (albeit small) hack. I do hope that even as a hack, we can find a way to do this as it would bring plugin developers much more choice.
I dont mind trying my hand at replacing all icons with fontawesome, and i already did part of it (tabs), but i ran into a problem immediately of not having matching icons for some tasks. Things like "Mailbox View" and "Display Messages" dont really have a matching fontawesome icon. Is RC open to replacing the current icons with some fontawesome alternative?
As an example of the quality difference, here's a zoomed in screenshot of a plugin i have using the plugin api to add a fontawesome icon. And you can also see I added a Spam/Virus icon to the tabs.
http://shot.ter.net/img/20150407-085423.png http://shot.ter.net/img/20150407-085423.png
I would certainly agree with you on that point Cor, but did you take a look at Entypo? It seems to me that all the webmail icons in there, mix very well with Font Awesome Entypo might be better suited for webmail anyway, as it comes with icons like “inbox” etc.
Martijn
From: dev-bounces@lists.roundcube.net [mailto:dev-bounces@lists.roundcube.net] On Behalf Of Cor Bosman Sent: dinsdag 7 april 2015 09:40 To: Roundcube Development discussion mailing list Subject: Re: [RCD] icons
I dont think we should mix icon fonts. They often have different styles so it doesnt have the same look and feel.
Id be fine if we'd just have icon support for plugins/tabs, and leave the existing icons as is. I have that working, and we can finetune it until the RC devs are happy with it. Then plugin developers have a wide choice of icons. It's backwards compatible so existing plugins dont need to be changed at all if they currently add a roundcube icon.
Cor
On 07 Apr 2015, at 09:14, <martijn.thie@kpn.commailto:martijn.thie@kpn.com> <martijn.thie@kpn.commailto:martijn.thie@kpn.com> wrote:
Is looking good Cor! Also combined with the CSS3 text-shadow (I think).
About the missing icons… You can probably also use “Entypo” which does have such icons in its set. Or otherwise create a new icon font yourself. For both options, see: http://fontello.com/
Regards, Martijn
From: dev-bounces@lists.roundcube.netmailto:dev-bounces@lists.roundcube.net [mailto:dev-bounces@lists.roundcube.net] On Behalf Of Cor Bosman Sent: dinsdag 7 april 2015 08:56 To: Roundcube Development discussion mailing list Subject: Re: [RCD] icons
I played around a bit with how to add fontawesome support for plugins, and it's not that easy.
I managed, but without rewriting large parts of the code, it's a bit of a (albeit small) hack. I do hope that even as a hack, we can find a way to do this as it would bring plugin developers much more choice.
I dont mind trying my hand at replacing all icons with fontawesome, and i already did part of it (tabs), but i ran into a problem immediately of not having matching icons for some tasks. Things like "Mailbox View" and "Display Messages" dont really have a matching fontawesome icon. Is RC open to replacing the current icons with some fontawesome alternative?
As an example of the quality difference, here's a zoomed in screenshot of a plugin i have using the plugin api to add a fontawesome icon. And you can also see I added a Spam/Virus icon to the tabs.
I'll have a look at entypo and if it mixes well with fontawesome. But any of this is really dependant on the rc devs. This needs some (very minor) code changes in core.
So their input on fonts to use is important.
Cor
On 07 Apr 2015, at 10:04, martijn.thie@kpn.com martijn.thie@kpn.com wrote:
I would certainly agree with you on that point Cor, but did you take a look at Entypo? It seems to me that all the webmail icons in there, mix very well with Font Awesome Entypo might be better suited for webmail anyway, as it comes with icons like “inbox” etc.
Martijn
From: dev-bounces@lists.roundcube.net mailto:dev-bounces@lists.roundcube.net [mailto:dev-bounces@lists.roundcube.net mailto:dev-bounces@lists.roundcube.net] On Behalf Of Cor Bosman Sent: dinsdag 7 april 2015 09:40 To: Roundcube Development discussion mailing list Subject: Re: [RCD] icons
I dont think we should mix icon fonts. They often have different styles so it doesnt have the same look and feel.
Id be fine if we'd just have icon support for plugins/tabs, and leave the existing icons as is. I have that working, and we can finetune it until the RC devs are happy with it. Then plugin developers have a wide choice of icons. It's backwards compatible so existing plugins dont need to be changed at all if they currently add a roundcube icon.
Cor
On 07 Apr 2015, at 09:14, <martijn.thie@kpn.com mailto:martijn.thie@kpn.com> <martijn.thie@kpn.com mailto:martijn.thie@kpn.com> wrote:
Is looking good Cor! Also combined with the CSS3 text-shadow (I think).
About the missing icons… You can probably also use “Entypo” which does have such icons in its set. Or otherwise create a new icon font yourself. For both options, see: http://fontello.com/ http://fontello.com/
Regards, Martijn
From: dev-bounces@lists.roundcube.net mailto:dev-bounces@lists.roundcube.net [mailto:dev-bounces@lists.roundcube.net mailto:dev-bounces@lists.roundcube.net] On Behalf Of Cor Bosman Sent: dinsdag 7 april 2015 08:56 To: Roundcube Development discussion mailing list Subject: Re: [RCD] icons
I played around a bit with how to add fontawesome support for plugins, and it's not that easy.
I managed, but without rewriting large parts of the code, it's a bit of a (albeit small) hack. I do hope that even as a hack, we can find a way to do this as it would bring plugin developers much more choice.
I dont mind trying my hand at replacing all icons with fontawesome, and i already did part of it (tabs), but i ran into a problem immediately of not having matching icons for some tasks. Things like "Mailbox View" and "Display Messages" dont really have a matching fontawesome icon. Is RC open to replacing the current icons with some fontawesome alternative?
As an example of the quality difference, here's a zoomed in screenshot of a plugin i have using the plugin api to add a fontawesome icon. And you can also see I added a Spam/Virus icon to the tabs.
http://shot.ter.net/img/20150407-085423.png http://shot.ter.net/img/20150407-085423.png
Roundcube Development discussion mailing list dev@lists.roundcube.net mailto:dev@lists.roundcube.net http://lists.roundcube.net/mailman/listinfo/dev http://lists.roundcube.net/mailman/listinfo/dev