Very economical graphics?

121 views
Skip to first unread message

Mat

unread,
Apr 29, 2018, 11:45:17 AM4/29/18
to TiddlyWiki
I hope we can improve the Controlpanel but also docs in general to include more visual stuff for easier understanding. For example, many of the items under Ctrlpanel > Settings are pretty difficult to quickly visualize but if there was a simple graphic depiction of e.g a tiddler then this would be much quicker.

So, is there a way to make very lightweight visual representations in TW? Perhaps there is some extremely lightweight way to make ascii art that doesn't look terrible or maybe the railroad diagram has fatures that are generally usable for free line drawings. My impression is that using the tiddler editor to draw stuff produces pretty heavy drawings.

Ideas?

<:-)

Mat

unread,
Apr 29, 2018, 12:07:12 PM4/29/18
to TiddlyWiki
Hah! I got it: CSS!

<:-)

Thomas Elmiger

unread,
Apr 29, 2018, 2:04:47 PM4/29/18
to TiddlyWiki
Hi Mat

Interesting question – I use an SVG frame here (the screens) and place nicely compressed PNGs in them (the screensots).
https://tid.li/tw5/test/bricks.html

Thus I can use the same screens (only one SVG) for all design variants.

Cheers,
Thomas

TonyM

unread,
Apr 29, 2018, 8:27:07 PM4/29/18
to TiddlyWiki
Mat/Thomas,

I recently needed lots of icons to represent business units, document Libraries, Team Sites, registries and more with multiples required due to the permutations.

After going crazy trying to find Icons, that were both suitable and had some aesthetic consistency I struck on an idea related to Thomas's I Found SVG icons that were hollow or suitable for overlay some examples with the sub picture added attached;

Using inkscape it is simple to import other svg or png files into the first image and resize, save as SVG or export as PNG

To follow mats original suggestion perhaps we could add a select set of "hollow" svg icons and an a set of icons that can be overlaid and scaled programmaticaly thus obtaining a large set of possibilities from a smaller set of icons. 

To assist it may make sense to use a system like the language translations so there is a set of image names that can be inserted and the user chooses what represents what name and the selected image is applied to the locations where the image name is used.

This would make icon sets transportable and quick to set up.

Regards
Tony
RegistryPeopleGreen.svg
CarLib.svg

Mat

unread,
Apr 30, 2018, 3:35:23 AM4/30/18
to TiddlyWiki
Thomas and Tony, for my particular use case CSS makes sense. But otherwise I guess SVG is the way to go (...even if my many attempts to wrap my head around SVG have failed).

Tony, yes, a set of simple shapes that can be overlaid to create complex figures would be terrific. There is a problem to get good icons into TW.

<:-)
Reply all
Reply to author
Forward
0 new messages