Icons on Tiddlers enhanced functionality

103 views
Skip to first unread message

TonyM

unread,
Apr 3, 2020, 7:48:59 PM4/3/20
to TiddlyWikiDev
Folks,

I am always at a loss for icons especially for buttons but also elsewhere. 
  • The Recently update FontAwesome is an example of a good source
  • There are also hundreds of special characters available such as HTML entities
    • ☎	9742	260E	 	BLACK TELEPHONE
  • We have the icon field that allows us to add svg and bitmaps to tiddlers
What I am wondering is could we refactor the icon mechanism to not only accept tiddlernames but also allow
fontawesome macros or html entities to be provided?

eg;
  • `<fa-lbadge glyph:"fa-font-awesome-flag" fam:"fab">>`
  • &#9742;
It should be easy insofar as there can be triggers such as &# or #x or `<fa`
The trickiest part may be ensuring correct size.
CSS for Icons may also be helpful

Why?

Because the icon field promises by its generic naming to offer such a feature and we could do with ready access to a larger range of Icons

Regards
Tony

Jeremy Ruston

unread,
Apr 4, 2020, 4:33:25 AM4/4/20
to tiddly...@googlegroups.com
Hi Tony

It’s too late to change the interpretation of the icon field without breaking backwards compatibility.

Icon fonts like fontawesome are actually now somewhat controversial, and aren't recommended for contemporary web development:


There are quite a few repositories of SVG icons that work very well with TW5. For example:


Best wishes

Jeremy.

--
You received this message because you are subscribed to the Google Groups "TiddlyWikiDev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywikide...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywikidev/99c02712-84a8-4118-b665-1f5681d08acb%40googlegroups.com.

Mat

unread,
Apr 4, 2020, 9:49:06 AM4/4/20
to TiddlyWikiDev
Jeremy Ruston wrote:

It’s too late to change the interpretation of the icon field [...]

With that said, I agree with Tony that the general idea to be able to insert emojis or other stuff directly in the icon field would be really neat and makes sense.  I guess it's one for TWX (...a totally hypothetical future version of TW).

<:-)

Joshua Fontany

unread,
Apr 4, 2020, 3:52:15 PM4/4/20
to TiddlyWikiDev
Aaah, that may explain why TheDiveO's plugin hasn't been updated in a while. I will definitely need to read up on this. FontAwesome also offers SVGs, and I would much rather avoid the issues called out in those articles.

Thanks!

Joshua Fontany


On Saturday, April 4, 2020 at 1:33:25 AM UTC-7, Jeremy Ruston wrote:
Hi Tony

It’s too late to change the interpretation of the icon field without breaking backwards compatibility.

Icon fonts like fontawesome are actually now somewhat controversial, and aren't recommended for contemporary web development:


There are quite a few repositories of SVG icons that work very well with TW5. For example:


Best wishes

Jeremy.

On 4 Apr 2020, at 00:48, TonyM <anthon...@gmail.com> wrote:

Folks,

I am always at a loss for icons especially for buttons but also elsewhere. 
  • The Recently update FontAwesome is an example of a good source
  • There are also hundreds of special characters available such as HTML entities
    • ☎	9742	260E	 	BLACK TELEPHONE
  • We have the icon field that allows us to add svg and bitmaps to tiddlers
What I am wondering is could we refactor the icon mechanism to not only accept tiddlernames but also allow
fontawesome macros or html entities to be provided?

eg;
  • `<fa-lbadge glyph:"fa-font-awesome-flag" fam:"fab">>`
  • &#9742;
It should be easy insofar as there can be triggers such as &# or #x or `<fa`
The trickiest part may be ensuring correct size.
CSS for Icons may also be helpful

Why?

Because the icon field promises by its generic naming to offer such a feature and we could do with ready access to a larger range of Icons

Regards
Tony

--
You received this message because you are subscribed to the Google Groups "TiddlyWikiDev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddly...@googlegroups.com.

TonyM

unread,
Apr 4, 2020, 8:25:49 PM4/4/20
to TiddlyWikiDev
All,

Jeremy, Thanks for that info.

I am keen to maintain maximum compatibility but I also have private wikis I just want to improve for myself, and simplify the workflow to secure other icons and binary ones for favicons. 

This may need a bespoke solution with a set of caveats. Such as an additional field whose contents will appear alongside the existing icon but allow html entities and fonts to be used.

Joshua, Font awesome also offers other formats.

Regards
Tony

On Saturday, April 4, 2020 at 7:33:25 PM UTC+11, Jeremy Ruston wrote:
Hi Tony

It’s too late to change the interpretation of the icon field without breaking backwards compatibility.

Icon fonts like fontawesome are actually now somewhat controversial, and aren't recommended for contemporary web development:


There are quite a few repositories of SVG icons that work very well with TW5. For example:


Best wishes

Jeremy.

On 4 Apr 2020, at 00:48, TonyM <anthon...@gmail.com> wrote:

Folks,

I am always at a loss for icons especially for buttons but also elsewhere. 
  • The Recently update FontAwesome is an example of a good source
  • There are also hundreds of special characters available such as HTML entities
    • ☎	9742	260E	 	BLACK TELEPHONE
  • We have the icon field that allows us to add svg and bitmaps to tiddlers
What I am wondering is could we refactor the icon mechanism to not only accept tiddlernames but also allow
fontawesome macros or html entities to be provided?

eg;
  • `<fa-lbadge glyph:"fa-font-awesome-flag" fam:"fab">>`
  • &#9742;
It should be easy insofar as there can be triggers such as &# or #x or `<fa`
The trickiest part may be ensuring correct size.
CSS for Icons may also be helpful

Why?

Because the icon field promises by its generic naming to offer such a feature and we could do with ready access to a larger range of Icons

Regards
Tony

--
You received this message because you are subscribed to the Google Groups "TiddlyWikiDev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddly...@googlegroups.com.

@TiddlyTweeter

unread,
Apr 11, 2020, 6:33:38 AM4/11/20
to TiddlyWikiDev
Ciao Jeremy & TonyM

I think SVG is good. Its very flexible.

But I kinda think we need more icon sets to address the need for icons beyond the core set.

I had thought about assembling a set of 200 that would would overwrite the core set and add more. 
Why? Consistent style is hard to achieve so even though adding new icons is relatively easy its not so easy to add and maintain a consistent visual style across them all unless they from one author. 

At the moment we don't, as far as I know, have any alternate sets?

So Tony, I think your issue might look different if we had such sets?

Thoughts
TT


On Saturday, 4 April 2020 10:33:25 UTC+2, Jeremy Ruston wrote:
Hi Tony

It’s too late to change the interpretation of the icon field without breaking backwards compatibility.

Icon fonts like fontawesome are actually now somewhat controversial, and aren't recommended for contemporary web development:


There are quite a few repositories of SVG icons that work very well with TW5. For example:


Best wishes

Jeremy.

On 4 Apr 2020, at 00:48, TonyM <anthon...@gmail.com> wrote:

Folks,

I am always at a loss for icons especially for buttons but also elsewhere. 
  • The Recently update FontAwesome is an example of a good source
  • There are also hundreds of special characters available such as HTML entities
    • ☎	9742	260E	 	BLACK TELEPHONE
  • We have the icon field that allows us to add svg and bitmaps to tiddlers
What I am wondering is could we refactor the icon mechanism to not only accept tiddlernames but also allow
fontawesome macros or html entities to be provided?

eg;
  • `<fa-lbadge glyph:"fa-font-awesome-flag" fam:"fab">>`
  • &#9742;
It should be easy insofar as there can be triggers such as &# or #x or `<fa`
The trickiest part may be ensuring correct size.
CSS for Icons may also be helpful

Why?

Because the icon field promises by its generic naming to offer such a feature and we could do with ready access to a larger range of Icons

Regards
Tony

--
You received this message because you are subscribed to the Google Groups "TiddlyWikiDev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddly...@googlegroups.com.
Reply all
Reply to author
Forward
0 new messages