after playing around a bit with the latest beta, I thought I'd comment
on the layout/style.
Note that this should not turn into a discussion of favorite
customizations, but rather one of minor improvements relating to TW's
general appearance, or "Corporate Identity" (which is why I chose to
post this to [twdev] instead of [tw]).
Also, I'm not exactly a gifted designer, so consider yourself encouraged
to disagree!
First of all: I absolutely LOVE the #backstageArea menu, and especially
the individual panels (with dimmed background) - that really makes TW
look more like a desktop application than a website!
Now the constructive criticism (in no specific order):
* The BACKSTAGE button doesn't actually look much like a button; in
fact, it could almost be mistaken for some misplaced text.
The CLOSE button, however, looks nice (due to the uniform background).
* Tiddlers should have an unobtrusive border; I've found this to improve
readability. (Of course this also requires a bit of bottom padding.)
* I think the search bar should be moved to the top right in the header;
that'd de-clutter the sidebar while making the header look less empty.
* The header, in general, is way too tall for my taste.
* I've moved the #messageArea box to the bottom; it feels right to have
it closer to the browser's status bar, plus this prevents it from
hiding the search bar in the header (see above).
* While I like the new heading styles, they all look a bit too similar,
which makes them hard to distinguish at a glance.
A few of these suggested modifications can seen at
http://devpad.tiddlyspot.com/#StyleSheet (that's v2.1.3 of course).
I guess some of this might have been discussed before, but I think the
upcoming release of v2.2.0 is an opportune moment for reviewing these
issues (though it might actually be a bit late now... ).
-- F.
> * The BACKSTAGE button doesn't actually look much like a button; in
> fact, it could almost be mistaken for some misplaced text.
> The CLOSE button, however, looks nice (due to the uniform background).
Check. Earlier iterations had the backstage button with a black
background, and I think you're right that the current design is too
thin.
> * Tiddlers should have an unobtrusive border; I've found this to improve
> readability. (Of course this also requires a bit of bottom padding.)
Yeah this is an interesting one. Way back with the first version I
quite deliberately avoided borders because I wanted it to feel like
the tiddlers were flowing together to form a single document. I quite
like the borders on the GTDTiddlyWiki adaptation but find, for
instance, the 'story borders' in Google Reader a bit too distracting.
> * I think the search bar should be moved to the top right in the header;
> that'd de-clutter the sidebar while making the header look less empty.
Check, good idea.
> * The header, in general, is way too tall for my taste.
Check.
> * I've moved the #messageArea box to the bottom; it feels right to have
> it closer to the browser's status bar, plus this prevents it from
> hiding the search bar in the header (see above).
Interesting, I hadn't tried that. I'm not at all happy with the
message area at the moment, and am very receptive to suggestions with
it.
> * While I like the new heading styles, they all look a bit too similar,
> which makes them hard to distinguish at a glance.
Alternative suggestions welcome.
> A few of these suggested modifications can seen at
> http://devpad.tiddlyspot.com/#StyleSheet (that's v2.1.3 of course).
>
> I guess some of this might have been discussed before, but I think the
> upcoming release of v2.2.0 is an opportune moment for reviewing these
> issues (though it might actually be a bit late now... ).
Yeah, it is. I propose to fix the backstage button issue that you
raised for 2.2, but let's defer a wider redesign until after 2.2.
Cheers
Jeremy
>
> -- F.
>
> >
>
--
Jeremy Ruston
mailto:jer...@osmosoft.com
http://www.tiddlywiki.com
Phew - and I had already donned my asbestos suit in anticipation of
being flamed to death with the RTFA torch...
Translation: Glad you're open to suggestions!
>> #messageArea box to the bottom [snip]
>
> Interesting, I hadn't tried that. I'm not at all happy with the
> message area at the moment, and am very receptive to suggestions with
> it.
It actually works quite well the way it is, with the new position
(though, disturbingly, I sometimes do mistake it for Thunderbird's "new
mail" notification... ).
Alternatively, maybe a horizontal bar at the bottom, kinda like an
actual status bar?
Hopefully someone else will come up with a fancy idea (like you guys did
with #backstageArea)...
>> * While I like the new heading styles, they all look a bit too similar,
>> which makes them hard to distinguish at a glance.
>
> Alternative suggestions welcome.
Well, I quite liked v2.1.3's "shaded" style (though that blue background
really did take some getting used to... ).
As you might have seen, I've kept that style for H1 (different colors
though), and then used the underlined style for H2 and H3 (though dashed
borders don't really work that well on H3). So far, that has greatly
enhanced readability for me.
Let's hand this over to the designers then; bring it on, people!
-- F.
I'm annoyed by the buttons flicking into existence. I like the
tiddler buttons to always be visible, but greyed out (they can be
verrry light) when the tiddler isn't moused-over.
;D
--
Daniel Baird
http://tiddlyspot.com (free, effortless TiddlyWiki hosting)
http://danielbaird.com (TiddlyW;nks! :: Whiteboard Koala :: Blog ::
Things That Suck)
Both preferences are reasonable...depending upon the intended audience
for the document. In any event, it's incredibly easy to re-create the
pre-2.2 behavior with two lines of CSS:
.toolbar { visibility:hidden; }
.selected .toolbar { visibility:visible; }
-e
Actually, I quite like the always-visible toolbar.
However, the contrast between an inactive and an active tiddler's
toolbar should be more pronounced. The "active gray" is too light so it
still looks like it was just a background item.
> What about a subtle line like this:
> http://tiddlerbordertest.tiddlyspot.com/#GettingStarted%20StyleSheet
Good point; I think a line to separate the tiddler's header from its
contents is a must. (Not sure if this invalidates the need for tiddler
borders though.)
Speaking of tiddler headers: I think the subtitle should be moved
(floated) to the right of the title, right below the toolbar.
-- F.
Each of those has its benefits (e.g. the vertical main menu can
accommodate more menu items)*, so this might be controversial.
(That's also why I posted this as a new branch of this thread, to
prevent this "poll" from diluting the rest of the discussion.)
-- F.
* except, of course, if we employed dropdown menus
Truly I'd like to see more of these discussions, this kind of thing is
really useful, constructive and actionable feedback. The base UI will
never be able to satisfy everyone out of the box, but that shouldn't
stop us continually reviewing and refining it.
Specific thoughts in the background include:
- the core needs to have proper support for switchable themes packed
into a single tiddler
- it would be desirable to add a new higher-level customisation layer
that allows users to make basic layout and colour changes
interactively, without editting templates or CSS
Cheers
Jeremy
On May 23, 11:29 am, "Jeremy Ruston" <jeremy.rus...@gmail.com> wrote:
>
> - the core needs to have proper support for switchable themes packed
> into a single tiddler
I would love to see something like this. The lack of an efficient
distribution system is what is holding back TiddlyThemes right now.
I've got a fair few themes lying around that have not been added
simply because I cannot devise a suitable method for packaging them.
The "switchable" aspect would be "nifty"...... but the single tiddler
implementation of themes would be terrific!
Saq
On May 23, 11:29 am, "Jeremy Ruston" <jeremy.rus...@gmail.com> wrote:
>
> - the core needs to have proper support for switchable themes packed
> into a single tiddler
I would love to see something like this. The lack of an efficient
On May 23, 11:29 am, "Jeremy Ruston" <jeremy.rus...@gmail.com> wrote:
>
> - the core needs to have proper support for switchable themes packed
> into a single tiddler
I would love to see something like this. The lack of an efficient
On May 23, 11:29 am, "Jeremy Ruston" <jeremy.rus...@gmail.com> wrote:
>
> - the core needs to have proper support for switchable themes packed
> into a single tiddler
I would love to see something like this. The lack of an efficient
Cheers
Jeremy
Haha, just what I expected... ;)
>> I wouldn't mind a basic layout switcher in the core and two layouts
>> shipped, one horizontal main menu, one vertical
>
> I've been wondering about the approach of having separate shadow
> tiddlers for both the horizontal and vertical menus (eg, TopMenu vs.
> MainMenu or something).
I'd thought about this as well - but since you'll rarely use both
MainMenu //and// TopMenu, one of those would usually be obsolete - which
carries the risk of bloated core code.
However, this might be a customization/preference worth integrating into
the core...
By the way, I've created a summary of this discussion:
http://tiddlywikiguides.org/index.php?title=TiddlyWiki_redesign
This might make "evaluation" easier later on...
-- F.
Actually I think something that would really be great would be a way
to have main topics in the top menu and then have subtopics show in
the vertical menu when a topic is clicked. But then, that would be a
plugin, not a design feature.
Ken Girard
On May 23, 7:11 am, "Jeremy Ruston" <jeremy.rus...@gmail.com> wrote:
> I've been wondering about the approach of having separate shadow
> tiddlers for both the horizontal and vertical menus (eg, TopMenu vs.
> MainMenu or something). With a bit of care, the layout should be able
> to adapt to either or both of those tiddlers being empty or
> non-existent.
>
> Cheers
>
> Jeremy
>
> On 5/23/07, Simon Baird <simon.ba...@gmail.com> wrote:
>
> > ooo... heresy! I can't see this going ahead (though I wouldn't mind a basic
> > layout switcher in the core and two layouts shipped, one horizontal main
> > menu, one vertical).
>
On May 23, 2:49 pm, Ken Girard <ken.gir...@gmail.com> wrote:
> Actually I think something that would really be great would be a way
> to have main topics in the top menu and then have subtopics show in
> the vertical menu when a topic is clicked. But then, that would be a
> plugin, not a design feature.
I actually coded something like that for personal use. It's lacking
documentation etc, but if you need it I'd be happy to forward a copy.
Saq
I'm not a huge fan of faux-XML syntax for the multi-line tiddler
slices. I'd wondered about using something based on the HR syntax:
---- SliceName
Slice content
more content
ending on the next HR or slice marker
----
I also wondered about using headings for marking multiline slices, so
that the content of a slice can be addressed by the text of the
header:
! SliceName
This is the first line
!! SubSlice
This is part of the subslice
Which would raise the question of whether getting the slice
"SliceName" should return both lines, or just the first. Having
sub-addressing tiddler slices may be too ambitious, but the idea of
using headings seems quite TiddlyWiki-ish.
Cheers
Jeremy
I think there's be a lot of use for having both left-side and top
menus; I reckon most users would find something to put in each of
them. I'm completely for having both in the core.
Then maybe the code to do the magic hide-when-empty could be a plugin?
;Daniel
Martin
On 5/23/07, Jeremy Ruston <jeremy...@gmail.com> wrote:
>
I'd be inclined to imagine that subheading _content_ should be
included when you refer to tiddler::mainheading, but I can't decide if
the subheading text should itself be considered as "content".
But, I am excited about something like tidder::mainheading::subheading
working. That seems cool.
;Daniel
Speaking of the tiddler toolbar:
Even though I know about the "Jump" menu for navigating open tiddlers, I
actually rarely use it.
It's not that it wasn't useful - it certainly could be - but rather that
it's not ... salient enough.
In fact, maybe this button doesn't belong into the tiddler toolbar at
all, as it's actually more of a "global" command!?
Thoughts? Ideas?
-- F.
In fact, the buttons Jump, Close All and PermaView could be moved to a
newly-created toolbar at the top of the #displayArea pane... !?
(There's some danger of confusing the user with too many dispersed
navigation/functionality blocks - but since this would be a logical
alignment, it'd probably do more good than harm.)
-- F.
It's kind of a hack, but the reason I put the 'jump' button on the
tiddler toolbar was because it is intended to reduce the amount of
scrolling that a user must do to locate a tiddler that is already
open; if the user had to scroll to the top of the page first to find
the 'jump' button they'd have to do some scrolling before they even
start.
Cheers
Jeremy
;D
Duh, of course - I hadn't thought of that...
Well then, maybe what Daniel just suggested:
> Saq's got a nice scrolly-menu thingy that stays on screen
Not sure how much code (bloat?) that requires though.
-- F.
Personally, I would prefer a fixed title bar which doesn't scroll with
the rest of the page; things such as permalink, jump, references etc.
could go in there somewhere.
But then again, maybe I'm just peculiar ;-)
David Shaw
PS - plenty of people have told me I'm peculiar, so I accept that this
could, indeed, be an option ;-)
Having the floaty thing available as a plugin is perfect.
;D
Come to think of it, those really are quite disturbing sometimes.
I'm afraid Saq's #hoverMenu feels especially irritating - probably
because it's "bouncy" when scrolling: http://tw.lewcid.org/#StyleSheet
> Personally, I would prefer a fixed title bar which doesn't scroll with
> the rest of the page [for] things such as permalink, jump, references
So kinda like "freeze panels" in Excel? I'd like that very much (as it'd
still be pseudo-static, unlike them free-floating boxes)!
However, I can't really imagine a viable solution for this; e.g. how
would you prevent it from overlapping with the header?
btw: I'd seriously disagree about the References button; that one
certainly does belong into the tiddler toolbar...
-- F.
It's half-doable in CSS, but weird things happen due to the need to add
another <div> into the page template. I've tried working out how to get
around this problem, either with plain CSS or hacking the code, but it's
beyond my meagre skills.
> btw: I'd seriously disagree about the References button; that one
> certainly does belong into the tiddler toolbar...
>
Oops! Yes, I wasn't thinking straight there :-)
David
Could you draw up a sample image? I can't really imagine where you'd put
this toolbar...
>> btw: I'd seriously disagree about the References button; that one
>> certainly does belong into the tiddler toolbar...
>
> Oops! Yes, I wasn't thinking straight there :-)
Hehe, no worries...
By the way: How about renaming the "Jump" button to something like
"GoTo" - I guess that'd be less ambiguous (esp. for newbies)!?
Shameless plug:
Since this thread is very much splintered now, it's become real hard to
keep track of all the issues being raised.
Thus I've updated the TWG summary page:
http://tiddlywikiguides.org/index.php?title=TiddlyWiki_redesign
-- F.
By the way: How about renaming the "Jump" button to something like
"GoTo" - I guess that'd be less ambiguous (esp. for newbies)!?
Thanks, Udo - but I was thinking more of in terms of the general redesign*.
As a fairly experienced TW user, I immediately know what the Jump
command is for. However, less-experienced users might be confused by the
ambiguity. So changing the default label might be a good idea...
By the way: What does everyone think of including a footer (fixed to the
bottom of the screen and/or page) in the default layout? I myself used
to be very enthusiastic about that (check the [tw] archives... ), but
now I'm not so sure anymore.
(Normally I'd create a new branch for this issue, but this thread has
too many of those already.)
-- F.
* Though I guess it's more tweaking the current layout/UI - which is
mighty fine already - rather than a complete overhaul.
As a fairly experienced TW user, I immediately know what the Jump
command is for. However, less-experienced users might be confused by the
ambiguity. So changing the default label might be a good idea...
;Daniel
I do like the idea of a standardised footer very much, and have
experimented with it in the past, but never quite got a decent
cross-browser layout; I'm sure it's possible, though, and I'd be open
to adding it to the standard template.
I'm interested in the position:fixed stuff, the problem has always
been the lack of proper support in IE6. But I've been watching things
like this:
http://www.w3schools.com/browsers/browsers_stats.asp
Seeing the inexorable rise of IE7, I'm wondering if pretty soon we
won't be able to optimise the UI for browsers with position:fixed,
with fallback to the current behaviour in IE6.
Cheers
Jeremy
Nice to know that I'm not the only one pedantic enough to notice such
things... ;)
> I'm not sure whether
> either "jump" or "goto" is easier to understand than the other.
I guess in the end, it's not a big issue either way.
But you might be right; "jump" might indeed be less technical/geeky...
> I do like the idea of a standardised footer very much
Visually, I guess it'd be a nice touch (completing the "frame" around
the #displayArea).
But honestly, I wouldn't know what to put in there - except maybe a
disclaimer or copyright notice and a link to TiddlyWiki.com...
> I'm interested in the position:fixed stuff, the problem has always
> been the lack of proper support in IE6.
ZofBot* tells me there are hacks for that:
http://annevankesteren.nl/2003/08/fixed-positioning
http://www.devnull.tagsoup.com/fixed/
http://www.jessey.net/simon/articles/007.html
I've never actually tried those though.
* http://zofbot.zoffix.com/cgi-bin/db.pl; via irc://irc.freenode.net/css
-- F.
On a (somewhat) related note, maybe the #messageArea box should
automatically disappear after a few seconds of showing the "Main
TiddlyWiki file saved" message!?
-- F.
Unfortunately, I cannot upgrade it to the latest release because of
this:
http://trac.tiddlywiki.org/ticket/349
See also discussion here:
http://groups.google.ca/group/TiddlyWikiDev/browse_thread/thread/bac55de93a41ded6/?hl=en#
There are some other issues with this layout that are beyond my
abilities and I seem to not be able to interest anyone of the "big
guns" here to have a proper look at them. The scrolling does not work
properly (try to "goto" to a tiddler that's already open and is
scrolled out of the window by other tiddlers). I think ideally I would
like the title to be a separate frame (now it is fixed at the top of
the page, with the content scrolling under it), but I could not make
that work at all.
That looks nice!
However, you've made so many modifications to the standard layout, it
might be hard applying that to regular TWs - would you mind giving it a
try? (Though we'd still have to figure out what this kinda toolbar
should look like... )
> I think ideally I wouldlike the title to be a separate frame
Frames are evil, don't use frames if you don't have to.
Plus, since TW is only a single file, I don't think that'd be possible
anyway. (Except if you came up with some URL switches to only display
the respective content - but nobody wants to go there just to make
frames work... )
-- F.
This is what I call the Programmer's Curse -- the answer to every qis
"Yes, you *could* do that. :)
Stupid Gmail hotkeys.. The answer to every question is "Yes, you
*could* do that."
:)
Sorry for the botched punchline. Welcome to the curse, FND.
Indeed.
As they say, ignorance is bliss...
> Stupid Gmail hotkeys..
Funnily enough, I had perceived that "q" only as a typo at first; it
took your correction mail to make me realize there was a word missing...
But speaking of typos: I'm often horrified when I review my postings on
this list*; there's incoherent sentences, silly typos etc.
For some reason initial proof reading doesn't always work for me. In
forum postings, I usually have to make 3-5 post-publication edits before
I'm satisfied - unfortunately, that's not possible on a mailing list...
Anyways, enough self-disclosure for today, I gotta get back to work.
-- F.
* Yes, I do that - though not for narcissistic reasons, but rather the
opposite... (I guess you might say I have xkcd:
http://forums.xkcd.com/viewtopic.php?t=6382)
Thank you!
> However, you've made so many modifications to the standard layout, it
> might be hard applying that to regular TWs - would you mind giving it a
> try?
see here: http://fixedtitle.tiddlyspot.com/
> Frames are evil, don't use frames if you don't have to.
Ok, thanks for the advice. Now that I've done it to a regular TW, I
think my no-frame approach worked out quite well, with only a few
shortcomings. Now if only someone could have a look at those...
Good job bringing this into the "standard format"!
Those issues you mention would have to be resolved before anything like
this could be made official - unfortunately, I have no idea how this
could be done.
As an alternative, maybe something like Walt's DisplayOpenTiddlersPlugin
could be used:
http://oregonstate.edu/~woodswa/tiddlywikiplugs.html#DisplayOpenTiddlersPlugin
This pretty much completely eliminates the need for scrolling - which
might not be desirable default behavior though...
-- F.
see here: http://fixedtitle.tiddlyspot.com/