[TW5] One day make icons in-house

230 views
Skip to first unread message

Mat

unread,
Mar 13, 2016, 2:32:32 PM3/13/16
to TiddlyWiki
Just sayin':

We have a bitmap editor in TW. And from time to time I find myself needing a button icon or a favicon.

The former will hopefully one day be a suitable tool to "in-house" create a decent latter.

(Note; it IS possible to do this but just not a decent looking thing. For example just select Type png, doodle something, and title it $:/favicon.ico)

<:-)

Hegart Dmishiv

unread,
Mar 13, 2016, 4:57:44 PM3/13/16
to tiddl...@googlegroups.com
Hi Mat,

I'm not sure I agree with you here. I don't think TiddlyWiki should try to be "all things to all people". There are plenty of great (and free/libre) packages out there for editing images and icons. Personally, I use GIMP for my own image editing needs, and import the results into TiddlyWiki, or link to them from DropBox. However, If there was a pre-made library which could easily be included with TW, that gives you the functionality you desire, then I'd be all for it. Alternatively, there is the InstantCommons feature in MediaWiki, which allows for instant embedding of images from the Commons, as if they were installed in your local wiki. Perhaps such functionality could be implemented within TW somehow?

Also, there are plenty of freely available icon collections for use both commercially and privately. For example, see the Farm Fresh Web Icons collection which I've been using lately, from FatCow webhosting.

Just my 2¢ worth,

Hegart.

Jeremy Ruston

unread,
Mar 13, 2016, 6:04:26 PM3/13/16
to tiddl...@googlegroups.com
One issue is that the icons used within TiddlyWiki 5 are SVG icons, not bitmap images. There's currently no graphical SVG editor included within TW5 (but I hope at some point we'll be able to integrate one of the off-the-shelf ones).

Best wishes

Jeremy.

On 13 Mar 2016, at 20:57, Hegart Dmishiv <hegart....@gmail.com> wrote:

Hi Mat,

I'm not sure I agree with you here. I don't think TiddlyWiki should try to be "all things to all people". There are plenty of great (and free/libre) packages out there for editing images and icons. Personally, I use GIMP for my own image editing needs, and import the results into TiddlyWiki, or link to them from DropBox. However, If there was a pre-made library which could easily be included with TW, that gives you the functionality you desire, then I'd be all for it. Alternatively, there is the InstantCommons feature in MediaWiki, which allows for instant embedding of images from the Commons, as if they were installed in your local wiki. Perhaps such functionality could be implemented within TW somehow?

Just my 2¢ worth,

Hegart.


On Monday, 14 March 2016 07:32:32 UTC+13, Mat wrote:
Just sayin':

We have a bitmap editor in TW. And from time to time I find myself needing a button icon or a favicon.

The former will hopefully one day be a suitable tool to "in-house" create a decent latter.

(Note; it IS possible to do this but just not a decent looking thing. For example just select Type png, doodle something, and title it $:/favicon.ico)

<:-)

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/dafd8376-0c6f-46d8-9268-e260421cf384%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Alex Hough

unread,
Mar 14, 2016, 6:45:35 AM3/14/16
to TiddlyWiki
Hi Mat,

I've made some icons with the built in editor - all experimental.



I made a screenshot and added the fish to my sidebar tabs

Inline images 2

I found some CCS which animates the filters for the image when I mouse-over. Here you can see it at its most yellow..


Inline images 3


The tab has various new tiddler options below. A new CSS, a new PNG and a new Biblioographic tiddler

Inline images 10


The tagpills are here, i like them there. Basically my TW is like a untidy workshop, things get put in unusual places and get moved arround





I was playing with making a story creation tool with my daughter....



Inline images 11

Then wondered how to make TW more fun for a 6 year old. I thought that Babouka doll was a good metaphor to start with. I spelt the word Baboushca -- a spelling mistake which I can't be bothered to change


"Baboushca" is made with colours selected from the tiddly fish, the image becomes a button to create a "Babishca says" tiddler

Inline images 1
I wanted to use the Babouska doll image to capture the idea of Tiddlers in Tiddlers in Tiddlers.


What I've learned


The existing proportion of the png image is golden section. Retaining the proportion with brush stroke widths help things "look nice"
I use screenshots as starting points and drag them into TW. It seems a natural "tiddly" way of doing things
I don't experinence any problems with performance.


I've made badges from my TW. I drew an image then used CSS to make multiples, then printed them out. I sized the images using the scale button in the browser, took a screenshoot and printed that.


Inline images 4



I adapted the CSS from TW.com example
Inline images 5



The big "take home" for me is the ethos of re-use. Reuse what is already there and prioritise speed and ease of use over technical decisions. I know that SVG is the way to go, but .png and screenshots are so easy and compatable with TW.

I have also changed the edit template for the image so that colour and line controls are easy to find



Inline images 7



I've added a screenshot of the TiddlyFish to Chromes colour editor


Inline images 9


That way my colours are consistant

I've been subjected to lots of children's games on the iPad. Making the new tiddler button gentle change colour, (like sticklebacks do in spring) draws the attention into the tool. It makes it more fun to create new tiddlers

I must get back to work...


best wishes

Alex

Jed Carty

unread,
Mar 14, 2016, 8:24:56 AM3/14/16
to TiddlyWiki
Unfortunately the snap.svg plugin I have been playing with is going to need work before it would be able to be used for something like this. I think that if I am a bit more focused in the work than it could be done in a reasonable amount of time but the interface needs to be improved a lot. If you have any ideas about what would be good let me know.

Mat

unread,
Mar 14, 2016, 8:46:43 AM3/14/16
to tiddl...@googlegroups.com
@Hegart Dmishiv wrote:
I'm not sure I agree with you here. I don't think TiddlyWiki should try to be "all things to all people".

I'd say Yes and No; IMO TW should ideally be extensible to meet peoples needs but standard TW should definitely not cover everything. Obviously there are many restrictions regardless and TW could never do everything anyway. (It even refuses to make my morning coffee and that's not a difficult task IMO)

But the discussion on "overall capabilities of TW" is way bigger than my little premise in the OP which is: It'd be nice if we could solve the "in-house needs" for TW with "in-house tools". You make a tiddler and need an icon for it - it'd simply be nice if one can do it in-house. Want Mona Lisa, then GIMP away ;-)


@Jeremy, @Alex and @Jed - thanks for input. @Alex... cool stuff ;-)


<:-)

Hegart Dmishiv

unread,
Mar 14, 2016, 9:21:49 AM3/14/16
to TiddlyWiki
Hi Mat,


It'd be nice if we could solve the "in-house needs" for TW with "in-house tools". You make a tiddler and need an icon for it - it'd simply be nice if one can do it in-house. Want Mona Lisa, then GIMP away ;-)

I get where you're coming from. However, I don't know of too many other "web development" type tools that include their own icon-making functionality. Admittedly, I'm not all that familiar with the proprietary software world these days, as I mostly use open-source tools. But even if you're developing a website with Adobe Dreamweaver or Microsoft Expression, wouldn't you be relying on Adobe Photoshop to create your icons in, externally? I'm not saying it's a bad idea, I just think it is better to use the tools that are already available, and which are specialised for the job at hand. TiddlyWiki wouldn't likely be my go-to application for creating icons, even for itself. Also, as a non-essential element, it would probably contribute to TW bloat. Wouldn't it be better as an optional plugin?

Again, just my 2¢ worth. I'm playing devil's advocate here, and it's not a serious objection to your idea.

Hegart.


Mat

unread,
Mar 14, 2016, 10:17:43 AM3/14/16
to TiddlyWiki
 Wouldn't it be better as an optional plugin?
 
Oh, for sure! In my sloppy term "in-house" I'd include plugins, at least as long as they don't depend on yet other software. I even think the current bitmap editor should probably be an optional plugin albeit by default included in the standard distro.

<:-)

PMario

unread,
Mar 14, 2016, 1:28:01 PM3/14/16
to TiddlyWiki
favicons won't look better than this: http://www.favicon-generator.org/editor/

So what ever you draw it will be 16x16 pixels only.

-m

Birthe C

unread,
Mar 14, 2016, 11:31:34 PM3/14/16
to TiddlyWiki
Hi Alex,

Charming examples. Are you going for a TW5 for children edition?


Birthe

Matthew Petty

unread,
Mar 15, 2016, 3:23:53 AM3/15/16
to TiddlyWiki
I've been creating a few SVG icons by hand, editing the SVG code manually. I like very simple flat monochrome icons (as is the fashion), so they aren't too hard to do. They're a little rough in places, but I've put them here: http://mjp-tw5-test.tiddlyspot.com

Alex Hough

unread,
Mar 15, 2016, 4:29:12 AM3/15/16
to TiddlyWiki
Hi Birthe,

I was thinking about a childrens edtion at the time I made it, but the idea is definately on the back burner at the moment.

I thought that Matryoshka doll would help communicate the idea of tiddlers inside tiddlers. 


Alex


--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
Reply all
Reply to author
Forward
0 new messages