Hi, I totally agree it will be best to adopt an existing icon library.
When I started with TW5 there were only the core icons and I had to grab free svg icons from everywhere for my experiments with toolbar buttons. Most icons I found were difficult to use for a beginner. One simple set of free icons I found was at http://raphaeljs.com/icons/ and I use a few of them in my guides. The following is just for the "do it yourself guys" who don't know how to use svg icons (information found in my customization guide http://tw5custom.tiddlyspot.com/ as well): The svg 'code' of the raphaël icons is given as (filled square as example): M5.5,5.5h20v20h-20z This svg 'code' has to be copied into the general svg form of an icon as used in TW5 (inserted between the quotes): <svg class="tw-xyz-button tw-image-button" height="22px" width="22px" viewBox="x y xx yy"><path d=" ... "/></svg> It requires only small tweaks in width, height, and viewBox settings. Cheers, Ton On Friday, June 6, 2014 7:58:46 AM UTC+2, Matabele wrote: > > Hi Jeremy > > I experimented earlier with the Fontawesome font set in my TW. The icons > are high quality and play well together with your existing icons (a few > appeared not to align correctly when used alongside one another.) > > My TW behaved nicely once I had installed Fontawesome into my OS, however > visitors to tiddlyspot experienced problems as the plugin did not appear to > function correctly for those without the font set installed. > > The Fontawesome fonts were easy to use in TW both for buttons and within > the wikitext, and provided a rich choice of icons. The one problem I had > was the necessity of re-stylng the icons for different sections of my TW > (the existing icons are automatically re-styled according to the theme > settings -- switching automatically from black to white, for example.) > > I feel that including a font set such as Fontawesome within the core would > be a better approach than adapting a limited number of icons to svg. > > regards > > On Thursday, June 5, 2014 11:33:47 PM UTC+2, Jeremy Ruston wrote: >> >> Hi Matabele >> >> There's definitely demand for more icons. I'm increasingly thinking we >> should adopt an existing icon library, rather than trying to assemble our >> own. I think it will be difficult to maintain aesthetic integrity >> otherwise. A switch to icon fonts could make sense because of the >> difficulties of preparing SVG icons. The fontawesome WOFF font is 84KB, >> which is temptingly small... >> >> Best wishes >> >> Jeremy >> >> >> >> >> On Wed, Jun 4, 2014 at 11:26 AM, Matabele <[email protected]> wrote: >> >>> Hi >>> >>> Jeremy mentioned, in Tiddlywiki Hangout #48, that a library of images >>> for buttons would soon be added to the core and invited submissions for >>> this library. >>> >>> This would be much appreciated, as I find the adaptation of .svg images >>> for use in TW5 to be a tedious process -- buttons end up the wrong size, do >>> not resize well, have unexpected colours, and either do not position well, >>> or do not look good next to the existing buttons. >>> >>> In addition to Ton's 'clone tiddler', 'close others' and 'close all' >>> button images, which seem to behave well, I have found a need for the >>> following: >>> >>> To be used alongside text links: >>> -- an image indicating 'open slider' (I use 'caret down' from the >>> Fontawesome font set) >>> -- an image indicating 'close slider' (I use 'caret up' from the >>> Fontawesome font set) >>> -- an image indicating 'edit' (the existing pencil does not look good >>> in this resolution and I use 'pencil' from the Fontawesome font set) >>> -- an image indicating 'trash' (the existing trash can does not look >>> good in this resolution and I use a 'trash-o' from the Fontawesome font >>> set) >>> -- an image indicating 'done' (I use a 'check-square-o' from the >>> Fontawesome font set) >>> >>> For buttons: >>> -- an image indicating 'todo' (I use a 'check-square-o' from the >>> Fontawesome font set) >>> -- an image indicating 'tab' (I use a 'folder-o' from the >>> Fontawesome font set) >>> >>> The icons included in the Fontawesome font set appear to offer high >>> quality icons that play well alongside the existing icons, but these need >>> to be adapted into standardised .svg images suitable for TW5 >>> -- http://fortawesome.github.io/Font-Awesome/icons/ >>> >>> Other possibilities: >>> -- tag >>> -- tags >>> -- lock >>> -- unlock >>> -- calender >>> -- search >>> >>> Please share your thoughts on your requirements -- hopefully the >>> graphics wizards can then get to work on creating an awesome set of icons >>> for TW5 :-) >>> >>> >>> >>> >>> >>> >>> -- >>> 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 [email protected]. >>> To post to this group, send email to [email protected]. >>> Visit this group at http://groups.google.com/group/tiddlywiki. >>> For more options, visit https://groups.google.com/d/optout. >>> >> >> >> >> -- >> Jeremy Ruston >> mailto:[email protected] >> > -- 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 [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/d/optout.
