Query: Structure (HTML) -- Where is the visual PLAN?

[TiddlyTweeter]

I'm getting most interested in TW fundamental (HTML) architecture. Especially the DIV nesting scheme (which seems a LOT clearer than for most websites).

I really like what Luis is doing on CSS documentation. But I think it's vital to understand the HTML "skeleton" that hangs off. 

Is there, anywhere, a visual representation of TW's basic nesting (div) structure?

Having one would ease future dev of presentation a lot, imo.

Thanks for any clues!

TT

[TiddlyTweeter]

Repeat for email ...

[TonyM]

TT

I am not sure its as easy as you think. Tiddlywiki uses html dynamically according to what is visible. Looking at a raw tiddlywiki.html file in an editor and in tiddlywiki following the page template down to see how it dynamically constructs what you see in informative.

Regards
Tony

[PMario]

Hi,

There has been a 3D viewer in FF, which was deprecated with version 47. .. It seems chromium based, MS-Edge beta will get it back.

https://twitter.com/EdgeDevTools/status/1158485601798119424

-m

[PMario]

Hi,

The starting point is: $:/core/ui/PageTemplate  and all tiddlers tagged: $:/tags/PageTemplate

This code builds the TW UI. All of it \o/

<$list filter="[all[shadows+tiddlers]tag[$:/tags/PageTemplate]!has[draft.of]]" variable="listItem">

<$transclude tiddler=<<listItem>>/>

</$list>

All page elements can be listed clicking: <<tag "$:/tags/PageTemplate">>

have fun!

mario

[PMario]

Hi,

ViewTemplate and EditTemplate have their own lists.

-m

[Ton Gerner]

Hi,

My Customization guide has a part about the User Interface: http://tw5custom.tiddlyspot.com/#Information%20about%20the%20user%20interface

Cheers,

Ton

[TiddlyTweeter]

Ciao Mario & Ton

Very helpful pointers!

Many thanks

Josiah

[Luis Gonzalez]

I will include a little html diagram at the end of chapter 2 of The-book.

Look at the following weekly report.

[TiddlyTweeter]

Great stuff! I'm looking forward to it.

TT