Request: A Font Awesome converter

87 views
Skip to first unread message

Mat

unread,
Jul 5, 2019, 5:11:09 PM7/5/19
to TiddlyWikiDev
A concept for whoever has the know-how to implement it:

A TW plugin that enables you to pull in free font awesome icons and have them tiddlyfied.

The presumption here is that font awesome icons are standardized.

Currently we have a very limited set of icons and it is a real problem to import svgs (or any format) and make them behave as they should in TW.

It would also be optimal from a "size" point; no need to install a big library - just pick what you want.

Unfortunately I don't have the chops to create this.

Whaddyathink?

<:-)

PMario

unread,
Jul 6, 2019, 3:22:30 AM7/6/19
to TiddlyWikiDev
Hi
As far as I know, FA already contains svg icons. We should be able to directly use them.
-m

Jeremy Ruston

unread,
Jul 6, 2019, 3:27:47 AM7/6/19
to tiddly...@googlegroups.com
Perhaps the simplest way to distribute FontAwesome icons for TW5 users would be to have a web page that allows them to be dragged and dropped into a wiki (that page would itself be a wiki behind the scenes).

I understand why people want to add the icons to a plugin or even the core to make it possible to share them between plugins, but that just creates more problems. Better in almost all cases to embed them directly in the plugins that need them.

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 post to this group, send email to tiddly...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywikidev.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywikidev/bf74aa29-52ba-4e19-98d5-da80c01ba06c%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

morosanuae morosanuae

unread,
Jul 6, 2019, 6:15:21 AM7/6/19
to TiddlyWikiDev
Hello TiddlyWiki lovers!

I want to invite you all to my online Font Awesome 5 Free SVG collection, published on TiddlySpot: http://fa5-free-svg.tiddlyspot.com
Just drag'n'drop an image into your wiki. Simple as that. No complicated CSS stuff to configure. Use them just like default TiddlyWiki images.
Current FA5 version 5.9.0 (latest)

If you find some problems or have a question please let me know! Thanks!

morosanuae.

Mat

unread,
Jul 6, 2019, 6:59:23 AM7/6/19
to TiddlyWikiDev
PMario wrote:
As far as I know, FA already contains svg icons. We should be able to directly use them.

Yes but they are not in standard TW format. For example, core icons have height and width 22pt and presumably the user will want it tagged etc. It is also a good opportunity if we can establish a tagging standards for non-core tiddlers for when TWederation eventually arrives.


Jeremy Ruston wrote:
Perhaps the simplest way to distribute FontAwesome icons for TW5 users would be to have a web page that allows them to be dragged and dropped into a wiki (that page would itself be a wiki behind the scenes).

I doubt involving a third site is a good idea if people are to actually use it (i.e their own tw, the icon site and yet one more). The wonderful thing with plugins is that it's where you need it.
 
I understand why people want to add the icons to a plugin or even the core to make it possible to share them between plugins, but that just creates more problems. Better in almost all cases to embed them directly in the plugins that need them

The convenience with core plugins is that one can reliably transclude them in ones plugins. (Admittedly, I can see an objection from you that "The cog wheel is the ctrlpanel icon and you're confusing the users if you say it is a sun in your astrology wiki" - but that's another matter.) A no small deal is also that the core icons are, presumably, in the optimal format for TW. The problems I mentioned in another thread the other day are in deed problems and makes different icons behave differently. Hence the need for a "converter" as per OP.

<:-)

morosanuae morosanuae

unread,
Jul 6, 2019, 7:07:52 AM7/6/19
to TiddlyWikiDev
@twMat my icons respect the TW standards. I've used the default TiddlyWiki images configuration as a template. They even have css classes like original images.

Please check them out on: http://fa5-free-svg.tiddlyspot.com

Mat

unread,
Jul 6, 2019, 7:09:25 AM7/6/19
to TiddlyWikiDev
morosanuae morosanuae wrote:

As noted on the github thread; excellent! If plugified as I suggest on gh (which would make it super light weight) I think this can be one of those plugins everybody would want.

<:-)

Mat

unread,
Jul 6, 2019, 7:18:46 AM7/6/19
to TiddlyWikiDev
The one objection I have - which I know you don't agree with - is to name them "$:/core/images..." because they are not core. The problem is that someone can import a few of those icons, then create a plublic plugin that transcludes the icon because he reasons that "It's core, so everyone has this icon!".

IMO the prefix is better just "$:/image". I understand that you want all images to, as you put it, "seamlessly integrate" but it would still make sense to distinguish which ones are core and which ones are not. Besides... we're talking 30+ images vs 1500+ so either they are special, in which case they are treated in a special way, or they not special in which case they are basically insignificant.

<:-)

morosanuae morosanuae

unread,
Jul 6, 2019, 9:58:40 AM7/6/19
to TiddlyWikiDev

The one objection I have - which I know you don't agree with - is to name them "$:/core/images..." because they are not core. The problem is that someone can import a few of those icons, then create a plublic plugin that transcludes the icon because he reasons that "It's core, so everyone has this icon!".

I don't really have a fixed mindset about that. To be honest, in my private wikis I don't prefix my images with "$:/core/images/" prefix. I was thinking about a casual user - because it's a public resource - that will be easier for him to find all system images in one place. I thought about the "$:/image/" prefix initially but again I didn't want to confuse users especially if they use the explorer tab. I guess this discussion remains open. I want to make a decision that is good for most. Maybe if others would share their opinion about that.

> The problem is that someone can import a few of those icons, then create a plublic plugin that transcludes the icon because he reasons that "It's core, so everyone has this icon!".

I don't think this will be a problem for me. It's a public and free resource and I guess anyone has the right to do that.

> Besides... we're talking 30+ images vs 1500+ so either they are special, in which case they are treated in a special way, or they not special in which case they are basically insignificant.

From a technical perspective, my images are not special. That was the idea in the first place. One can easily make separate lists with the help of tags or prefix filters. I just want users to use them in their daily work :-)

Mohammad

unread,
Jul 6, 2019, 10:36:27 AM7/6/19
to TiddlyWikiDev
Great stuff!
 As Mat said, I also suggest it is better to do not use $:/core/images as one confuses them with TW5 core images
May be $:/fa/images/xxxx

Best
Mohammad

Mohammad

unread,
Jul 6, 2019, 10:38:42 AM7/6/19
to TiddlyWikiDev
The good part of these icons is to meet the TW svg standard!
So, I can rescale, recolor, transclude, .....

Thank you


On Saturday, July 6, 2019 at 2:45:21 PM UTC+4:30, morosanuae morosanuae wrote:

morosanuae morosanuae

unread,
Jul 6, 2019, 10:48:13 AM7/6/19
to TiddlyWikiDev


On Saturday, July 6, 2019 at 5:36:27 PM UTC+3, Mohammad wrote:
Great stuff!
 As Mat said, I also suggest it is better to do not use $:/core/images as one confuses them with TW5 core images
May be $:/fa/images/xxxx

Best
Mohammad

That's what Jeremy suggested also. What would be the best prefix? Jeremy suggestion is e.g. "$:/fa5-images/solid/copyright". I incline to "$:/images/fa5/solid/copyright" to give a unique location for other future collections or images.

Mat

unread,
Jul 6, 2019, 2:41:21 PM7/6/19
to TiddlyWikiDev
morosanuae wrote:
What would be the best prefix? Jeremy suggestion is e.g. "$:/fa5-images/solid/copyright". I incline to "$:/images/fa5/solid/copyright" to give a unique location for other future collections or images.

Yes, for sure "$:/images/..." is best because all (non-core) images can be prefixed so. 

<:-)

morosanuae morosanuae

unread,
Jul 6, 2019, 5:55:41 PM7/6/19
to TiddlyWikiDev
Done. I have updated the images to have the "$:/images/fa5/.." prefix.

Joshua Fontany

unread,
Jul 22, 2019, 7:33:21 PM7/22/19
to TiddlyWikiDev
Excellent work with FA5. I was wrapping it up in a separate plugin so I could call it in various others. This looks perfect.

Mahalo,
Joshua Fontany
Reply all
Reply to author
Forward
0 new messages