TW5: Why doesn't five.tiddlywiki.com fill my screen?

[David Masterson]

Probably a simple question that I'm missing...

When I go to http://five.tiddlywiki.com on my large screen, only the left half of large display is used.  On the other hand, http://www.tiddlywiki.com displays on the whole screen.  It appears that five.tiddlywiki.com is making an assumption that my screen is relatively small (like on a mobile device) rather than checking to see what the size of the screen is.  Is there a reason?  Can I change it to grow to the real size of my PC screen and, yet, still be right for my iPhone?

[Tobias Beer]

A screenshot would be good and some information about your resolution, standard zoom and browser.

Tobias.

[Jeremy Ruston]

Hi David

TiddlyWiki classic's default theme was a "liquid layout" that purposely used CSS to fill the entire width of the screen. Back in 2004 that was a popular choice for many websites; most people had 1024x768 screens. Fast forward to today, and the majority of websites have now adopted fixed width layouts. The reason is readability: studies have shown that optimum readability is at around 50-60 characters per line. Much above or below that and readability suffers.

For the most part web applications like GMail still default to a liquid layout, and I do think TW5 will need an optional liquid theme, but the default will remain fixed width.

For the moment, you can make the story column wider by opening the control panel (which is the cog icon in the sidebar), and then scroll down to the link to "Theme tweaks". In the tiddler that opens you'll need to increase the "story right" and "story width" settings, save changes and reload.

Best wishes

Jeremy

On Wed, Aug 28, 2013 at 7:53 PM, David Masterson <DSMas...@gmail.com> wrote:

Probably a simple question that I'm missing...

When I go to http://five.tiddlywiki.com on my large screen, only the left half of large display is used.  On the other hand, http://www.tiddlywiki.com displays on the whole screen.  It appears that five.tiddlywiki.com is making an assumption that my screen is relatively small (like on a mobile device) rather than checking to see what the size of the screen is.  Is there a reason?  Can I change it to grow to the real size of my PC screen and, yet, still be right for my iPhone?

--
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 http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/groups/opt_out.

--
Jeremy Ruston
mailto:jeremy...@gmail.com

[Leo Razoumov]

On 8/29/13, Jeremy Ruston <jeremy...@gmail.com> wrote:
>
> [..snip..]

> Fast forward to today, and the majority of websites have now adopted fixed width
> layouts. The reason is readability: studies have shown that optimum
> readability is at around 50-60 characters per line. Much above or below
> that and readability suffers.

Well, the text width required to display 60 characters per line
depends on the font used.
I tend to use very large fonts (20pt) and with fixed layout I am getting less
than 60 characters. I think the right answer is 'proportional layout' that links
the area size to the font and other visual components of the presentation.

--Leo--

[Jeremy Ruston]

Hi Leo

When I resize the TW5 text in my browser, the story column expands too, keeping the number of characters per line roughly the same. Does that not happen for you?

Best wishes

Jeremy

--
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 http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/groups/opt_out.

[Tobias Beer]

Hi Jeremy,

TiddlyWiki classic's default theme was a "liquid layout" that purposely used CSS to fill the entire width of the screen. Back in 2004 that was a popular choice for many websites; most people had 1024x768 screens. Fast forward to today, and the majority of websites have now adopted fixed width layouts. The reason is readability: studies have shown that optimum readability is at around 50-60 characters per line. Much above or below that and readability suffers.

Yes, fluid is really hard to do right and just looks mostly awful when you resize. Responsive design that snaps into appropriate modes is *much* better.

For the moment, you can make the story column wider by opening the control panel (which is the cog icon in the sidebar), and then scroll down to the link to "Theme tweaks". In the tiddler that opens you'll need to increase the "story right" and "story width" settings, save changes and reload.

Wow, haven't noticed $:/ControlPanel/ThemeTweaks yet. Cool!

Many thanks, Tobias.