Tags:
create new tag
view all tags

TWiki Doc Graphics

The TWiki.TWikiDocGraphics is the icon library of TWiki.

-- PeterThoeny - 11 Feb 2005

I wasn't sure where to put new graphics and their sources for TWikiDocGraphics. Couldn't find the page with source graphics, hence this page.

Icon File Name Comment
todo.gif todo.gif Todo

-- ToniPrug - 06 Feb 2005

I added a bunch of new graphics, also a TODO graphic.

-- PeterThoeny - 11 Feb 2005

The default TWiki graphics are not really nice, overall, and need to be redesigned. The design restriction is that the default icons should be placed on any background color/image, so we cannot use transparencies and anti-aliasing. Still I know the icons can be improved upon, and be made more like one style.

I have started to redraw a few icons in Codev.DocGraphics. I suggest we use that topic for new icon suggestions.

-- ArthurClemens - 08 Apr 2005

It would be nice i they could be added somehow to the smilies type notation. I can write :cool: and get cool! so why shouldn't I be able to write :updated: and get updated_2.gif

-- AntonAylward - 09 Apr 2005

Arthur, thanks for helping out on this. I created many icons with transparent background so that they display properly with different backgrounds as you can see here:

Existing New_2
warning.gif warning_2.gif
help.gif help_2.gif
choice-yes.gif choice-yes_2.gif
choice-no.gif choice-no_2.gif
arrowright.gif arrowright_2.gif
new.gif new_2.gif
updated.gif updated_2.gif
todo.gif todo.gif
lock.gif lock_2.gif

Blown up example of half way anti-aliased border Anti-aliasing can be used, with a special case for the border to a transparent background: Do not use anti-aliasing, or use it but cut off the transition to the transparent part half way, so that it looks also OK with a darker background (this can be done with a background fill using a higher tolerance). See blown up example of anti-aliased border at the image to the right: The left border has normal anti-aliasing, the right border has half way anti-aliasing.

May it is my laptop screen or my eyes, but I find the text "new" and "updated" of the new icons hard to read.

-- PeterThoeny - 11 Apr 2005

I have made the "new", "updated" and "todo" texts a bit bigger.

-- ArthurClemens - 11 Apr 2005

Is the theory here to make the icons smaller and less visible? Take a look at the icons in the attached, which look to me as if they would work well with pattern skin also...

-- ThomasWeigert - 12 Apr 2005

It appears to me that the icons are inherently connected to the skin. The pattern skin has a style and color scheme which causes the old icons to stick out too much. On the classic skin the old icons appear just fine.

I think that we need to make the icons skin-specific so that you would get the proposed icons, if you use pattern skin, but your own icons if you use your own skin.

-- ThomasWeigert - 12 Apr 2005

Yes, I would like to make them smaller, because icons often are used in the text, and high icons cause the line height to become too high resulting in irregular lines. Unfortunately the icons are now defines as 16 x 16 in [[TWiki.TWikiPreferences]].

Interesting idea to make icons skin dependent.

Each skin then should have an icons topic like TWiki.TWikiDocGraphics, so you can attach your own icons too.

Then %Y% (example) notation should be resolved to %PUBURL%/%TWIKIWEB%/TWikiDocGraphics%SKIN%/help.gif.

If SKIN is not defined, this would give: %PUBURL%/%TWIKIWEB%/TWikiDocGraphics/help.gif.

If, e.g., PatternSkin is defined to be the skin, this would give: %PUBURL%/%TWIKIWEB%/TWikiDocGraphicspattern/help.gif. Not beautiful, but it would work.

-- ArthurClemens - 12 Apr 2005, 13 Apr 2005

i really appreciate that you're looking into making icon sets changeable (with their defaults being specified by a skin)

how would this work with eg, print.pattern? i'm guessing with some %CALC% voodoo to strip the skin name to its base. also, SpreadSheetPlugin's $PROPER() could be used to capitalise the skin's name.

maybe add another preferences variable (usually contained on the skin's page?) because, after all, an individual user might want to specify an icon set. or, a TWikiApplication could want to specify the icon set based on a page type.

-- WillNorris - 13 Apr 2005

I would like to try not to use SpreadSheetPlugin - some users might want to disable it.

In print.pattern, the shorthand variable for let's say %Y% would still be the same, I see no problems there.

i thought the problem would be that print.pattern would expand to %PUBURL%/%TWIKIWEB%/TWikiDocGraphicsprint.pattern/help.gif, rather than %PUBURL%/%TWIKIWEB%/TWikiDocGraphicspattern/help.gif

  • No, it still is pattern (just checked). -- ArthurClemens - 15 Apr 2005

-- WillNorris - 15 Apr 2005

We could set a new variable SKINNAME that would be the same as the skin's topic name, but that could introduce problems if users forget to set that variable too.

How would the page type work? How to set a PAGETYPE variable, how to fetch the variable, and how to put this variable in a link to point to an attachments topic?

all i meant was that i'd like to be able to set the icon set per topic, per web, and site-wide. -- WillNorris - 15 Apr 2005

-- ArthurClemens - 13 Apr 2005

Nice work, Arthur! Very crisp and professional. Yes, please avoid plugins - I for one don't enable spreadsheet on several of the sites I work with, and it won't be a part of a MinimalistTWiki. The icons should work on TWiki with no plugins installed.

-- CrawfordCurrie - 15 Apr 2005

i suppose SpreadSheetPlugin wouldn't have to be part of a MinimalistTWiki; however, you won't be able to build very many TWikiApplications without it!

-- WillNorris - 15 Apr 2005

So it is either:

  1. TWiki.TWikiDocGraphicspattern, TWikiDocGraphicsdragon
  2. A new variable besides SKIN, for example SKINNAME, so we get TWiki.TWikiDocGraphicsPattern
  3. Or is there a way to use regex when setting a preference variable, to convert pattern to Pattern?

I think option 2 (meaning 2 variables to set) will lead to user errors.

The same 'naming scheme' will be used for icons: TWiki.TWikiFileIconspattern (or TWiki.TWikiFileIconsPattern).

The current graphics and icons should move to TWiki.TWikiDocGraphicsclassic and TWiki.TWikiFileIconsclassic.

-- ArthurClemens - 15 Apr 2005

Au contraire, mon ami. I have loads of TWikiApplications that are totally independent of SpreadSheetPlugin.

Arthur, I don't have a problem GraphicsForpattern Skin and IconsFordragonSkin or whatever other naming you think fit.

-- CrawfordCurrie - 15 Apr 2005

option 1 would be ok. not great, but ok.

option 2 needs to be implemented carefully; base a new variable on an existing one, and it shouldn't lead to user errors.

what about

   * Set ICONSET = %CALC{ "$PROPER(%SKIN%)" }%
although i suppose i could settle for
   * Set ICONSET = %SKIN%
so that i can set the icon set per topic, per web, and site-wide.

i don't know the answer to option 3

-- WillNorris - 15 Apr 2005

As long as it finds some icon it shouldn't be a problem. If ICONSET doesn't resolve to a topic it could just default to using the graphics attached to TWikiDocGraphics.

-- SamHasler - 15 Apr 2005

In my test web I have this:

  • Set ICONSET = tagme, topmenu, pattern
test ICONSET with classic skin:

  • Set XXX = HELP

XXX: HELP

Something like this?

Now for %ICON{}% to work, Render.pm::filenameToIcon needs a few changes. This is not arbitrary, because it seems that at the time filenameToIcon is called the dynamic preference values are not expanded (are they ever??); in any case, I end up with the preference Set ICONTOPIC = TWiki/TWikiDocGraphics, but I am getting illegal characters in file name component 'TWikiDocGraphics' of filename '/home/aclemens/visiblearea.com/devtwiki/pub/TWiki/TWikiDocGraphics/_filetypes.txt'

-- ArthurClemens - 15 Apr 2005

I am making progress on skin graphics in IconSets.

-- ArthurClemens - 27 Apr 2005

Excellent progress!

I have an icon request. Could there be an empty checkbox icon to go with the tick and the cross?

Ah, I see there are already Checked box & Unchecked box icons on TWikiDocGraphics. Will the icon above be used for Checked box and Yes / Done?

-- SamHasler - 07 May 2005

I could add graphics that resemble form checkboxes more. See for my icon design progress on my test site.

-- ArthurClemens - 07 May 2005

Topic attachments
I Attachment History Action Size Date Who Comment
PDFpdf icons.pdf r1 manage 62.7 K 2005-04-12 - 09:28 UnknownUser  
GIFgif todo.gif r1 manage 0.1 K 2005-02-06 - 11:31 UnknownUser todo
Unknown file formatxcf todo.xcf r1 manage 2.0 K 2005-02-06 - 11:33 UnknownUser todo GIMP source file. needs doing properly, mine is way too ugly
Edit | Attach | Watch | Print version | History: r27 < r26 < r25 < r24 < r23 | Backlinks | Raw View | Raw edit | More topic actions
Topic revision: r27 - 2005-07-09 - WillNorris
 
  • Learn about TWiki  
  • Download TWiki
This site is powered by the TWiki collaboration platform Powered by Perl Hosted by OICcam.com Ideas, requests, problems regarding TWiki? Send feedback. Ask community in the support forum.
Copyright © 1999-2026 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.