TW5 mall

[David Gifford]

Hi guys

Seeing the cool stuff David Johnston is doing for TW5 got me really excited about the many possibilities for TW5. Tonight I whipped up a modest collection of how-tos, aimed at new users. I call it TW5 mall. See it at http://www.giffmex.org/tw5mall.htm.

I ask two things of you:

1. How do I get rid of the stylesheet tag pill in the Index?

and

2. Please submit either here or by email, the kinds of things you think should be added to the mall, preferably with explanations of how to do them. As I learn TiddlyWiki 5 better, everyone wins, because I can try to communicate my learning to other new users who like myself are not coders / programmers / developers.

I am quite happy to donate any of these tiddlers to whatever Jeremy and team come up with in terms of an official site with tutorials, tips and tricks, themes, macros, plugins, widgets, and other goodies. But until then I am doing this first of all for me, as a storage place for stuff I want to remember how to do, but also for others who may benefit from it until something more official gets cooked up.

Blessings,

Dave

[Julio]

Hello Dave,

I hope you don't mind me chiming in.

Ah good...because I am trying to get used to (learn) the rudiments of TW5 also...so far a very good idea. :)

There are two things I can think of now that I would love to see from the Tiddlygurus...a nice tut on tabs and some way to anchor "objects"(am i using right terminology?) ala footnotes.

I use footnotes a lot in my offline TWC's (w/ FootnotesPlugin). It would be nice to see this without the aid of a plugin. (more like a wishlist than a request).

That'd be awesome.

Best regards and blessings to you,

Julio

[David Gifford]

Hey Julio thanks for the comments. I am sure footnotes will be one of the plugins eventually created for TW5. And I am even more sure that tabs will be one of the very first things added to TW5 when it goes into full beta. There are, of course, a few tabs on TW5, but trust me, they are a mess. We will need to wait yet for these.

But I will add footnotes and tabs to the file, just to remind me later. Blessings

Dave

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/tqLSNAFMygY/unsubscribe.
To unsubscribe from this group and all its topics, 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.

--
David Gifford
Christian Reformed World Missions, Mexico City

[Ton Gerner]

Hi Dave,

Excellent idea.
I made a TW5 describing how to add the page control toolbar buttons to a top menu.
You can find it here: https://dl.dropboxusercontent.com/u/2638511/TW5_Test.htm

I'll dig into your mall. For sure there will be interesting stuff.

Cheers,

Ton

[David Gifford]

Thanks a ton, Ton! I am teaching all day today but later this week will look at it more closely and adapt it as needed for the 'mall'. Blessings

Dave

--

You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/tqLSNAFMygY/unsubscribe.
To unsubscribe from this group and all its topics, 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]

Seeing the cool stuff David Johnston is doing for TW5 got me really excited about the many possibilities for TW5. Tonight I whipped up a modest collection of how-tos, aimed at new users. I call it TW5 mall. See it at http://www.giffmex.org/tw5mall.htm.

Awesome! I will add a link from five.tiddlywiki.com

 

I ask two things of you:

1. How do I get rid of the stylesheet tag pill in the Index?

Change your filter expression from [tags[]sort[title]] to:

[tags[]sort[title]] -[is[system]]

Best wishes

Jeremy

and

2. Please submit either here or by email, the kinds of things you think should be added to the mall, preferably with explanations of how to do them. As I learn TiddlyWiki 5 better, everyone wins, because I can try to communicate my learning to other new users who like myself are not coders / programmers / developers.

I am quite happy to donate any of these tiddlers to whatever Jeremy and team come up with in terms of an official site with tutorials, tips and tricks, themes, macros, plugins, widgets, and other goodies. But until then I am doing this first of all for me, as a storage place for stuff I want to remember how to do, but also for others who may benefit from it until something more official gets cooked up.

Blessings,

Dave

--
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

[Jeremy Ruston]

Hi Ton

That's terrific - I'd like to add a link from five.tiddlywiki.com, are you happy for me to link straight to your dropbox?

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.

[Jeremy Ruston]

Hi Ton

Looking at your guide, you may be able to avoid modifying $:/core/ui/PageTemplate by instead inserting a classed div within the $:/TopSideBar?

Best wishes

Jeremy

On Wed, Oct 2, 2013 at 2:36 PM, Ton Gerner <ton.g...@gmail.com> wrote:

--

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.

[Ton Gerner]

Hi Jeremy,

On Wednesday, October 2, 2013 7:28:37 PM UTC+2, Jeremy Ruston wrote:

Hi Ton

That's terrific - I'd like to add a link from five.tiddlywiki.com, are you happy for me to link straight to your dropbox?

Yes, you can.

[Ton Gerner]

Hi Jeremy,

On Wednesday, October 2, 2013 7:31:14 PM UTC+2, Jeremy Ruston wrote:

Hi Ton

Looking at your guide, you may be able to avoid modifying $:/core/ui/PageTemplate by instead inserting a classed div within the $:/TopSideBar?

I followed Dave Gifford's top menu (from his 5notes) and he modified $:/core/ui/PageTemplate, so I did it as well.
I'll try your suggestion tomorrow.

I did try to implement a new SVG icon for the close all button but didn't succeed. The SVG icon as such is not the problem; more how to store it in TW5.
I tried to replace the "vector part" in one of the $:/core/images/...-buttons, so between <svg class="tw-image-close-button" viewBox="222 150 56 56" width="22pt" height="22pt"><path d="  and  "/></svg> adding even a "type image/svg" but that resulted not in an image.
Any hints? I'am not a programmer; just a cop-and-paste guy ;)

Cheers,

Ton

[Jeremy Ruston]

Hi Ton

 

I did try to implement a new SVG icon for the close all button but didn't succeed. The SVG icon as such is not the problem; more how to store it in TW5.
I tried to replace the "vector part" in one of the $:/core/images/...-buttons, so between <svg class="tw-image-close-button" viewBox="222 150 56 56" width="22pt" height="22pt"><path d="  and  "/></svg> adding even a "type image/svg" but that resulted not in an image.
Any hints? I'am not a programmer; just a cop-and-paste guy ;)

Here's one way to get SVG images into TW5:

* Use Google's online svg-edit project at http://code.google.com/p/svg-edit/ (look for the link under Demos to the latest stable release)

* Save your SVG image to disc

* Open the SVG image in a text editor

* Copy the whole thing except for the line `<?xml version="1.0"?>` at the top

* Paste it into a new TW5 tiddler

* Add a `type` field and give it the value "image/svg+xml"

* Save the tiddler

Your image should now display within the tiddler.

If you want to be able to restyle the image using CSS, then carefully remove any `stroke` and `fill` attributes from `<path>` elements within the image.

Best wishes

Jeremy

[Ton Gerner]

Hi Jeremy,

Followed your suggestion and - as expected when the developer suggest it ;) - it works.
I'll adapt the guide.

Cheers,

Ton

On Wednesday, October 2, 2013 7:31:14 PM UTC+2, Jeremy Ruston wrote:

[Ton Gerner]

Hi Jeremy,

Thanks for the hints; I'll try that.

Cheers,

Ton

[Jeremy Ruston]

Followed your suggestion and - as expected when the developer suggest it ;) - it works.
I'll adapt the guide.

Great stuff. The plan is to have something like svg-edit integrated within TW5.

Best wishes

Jeremy

[Ton Gerner]

Hi Dave,

Looking at your mall - I want to learn ;) - I saw you added my contribution. Nice.
Jeremy proposed a simplification in this thread, see https://groups.google.com/d/msg/tiddlywiki/tqLSNAFMygY/CHgzQQwDPrAJ
As already mentioned an adjusted version is available at : https://dl.dropboxusercontent.com/u/2638511/TW5_Test.htm

Cheers,

Ton

[David Gifford]

Oh, I thought the one I grabbed was the updated one. I will change it. Thanks for the heads up!

I hope it wasn't a problem that I added it without consulting with you. I assumed you were showing me the topmenu stuff because you thought it would make a good addition to the mall.

Dave

[Ton Gerner]

Hi Dave,

 Yes, it was meant to be added to your mall.
When I started with TWc a long time ago (2007?), I learned a lot from your site http://www.giffmex.org/twfortherestofus.html.
I know how important it is to be guided when you start with new things.
So, if I can contribute to your mall with practical stuff, I'll do it.

Keep up the good work.

Cheers,

Ton

[David Gifford]

Great! Thanks Ton! And I am glad that TW for the rest of us was helpful for you. Ancient modest project of mine, done out of the combination of fascination and frustration I felt about TW: I could see it was awesome, but the learning curve was huge to do more than just the minimum.

Dave

[Pat O'Brien]

Thank you for having a collection area for all modifications TW5. Will surely be a resource as it comes to upgrade time (from alpha to beta)!

On Tuesday, October 1, 2013 10:56:21 PM UTC-4, David Gifford wrote:

[Ton Gerner]

Hi Dave,

1) There is an updated version of my TW5 with top menu and toolbar buttons [1].
Now it contains buttons for 'new tiddler', 'Control panel', 'save', 'close all', 'search', 'toggle view' and 'toggle sidebar' buttons.
Besides a demo it is a step by step guide for adding a fixed top menu with toolbar buttons to a standard TW5.
The buttons are now transcluded in $:/TopSideBar, so the approach is more modular to ease adding only certain toolbar buttons.

2) What do you think of adding instructions for installing node.js?
David Johnston made a walkthrough [2] and with his help I succeeded in installing node.js (the cygwin route, NOT the github route).
I plan to do a node.js install on another PC (the cygwin route) and note done all necessary steps.
Interested?

3) My knowledge of the <$list> widget is minimal and the documentation at http://five.tiddlywiki.com/ misses simple examples.
David Johnston seems to do a lot with it and I understood you are experimenting with it as well.
Are you planning to add some simple examples for use of the <$list> widget?

Cheers,

Ton

[1] https://dl.dropboxusercontent.com/u/2638511/TW5_Test.htm

[2] https://groups.google.com/d/msg/tiddlywikidev/ZwcOcrTzPys/c9xOwBzn_T8J

[David Gifford]

Hi Ton

I will have a look at your example when I get a breather. Been pretty busy around here with visitors for the last week.

I feel like using TiddlyWiki with node.js is way beyond me. I have node.js installed, but I know nothing about it and would need a step by step walkthrough from someone, answering my questions along the way.

I am waiting on the list widget and anything remotely like that because I want to know if the refactoring Jeremy is working on will change things like that. Supposedly there will be a dropdown way to add tiddlers to lists and lists to tiddlers. I am forcing myself to wait for that before I get into lists in any serious way. All I did was have a conversation with Jeremy about a similar potential mechanism where by "listing" one tiddler in another, both tiddlers would be connected to each other equally in a two way process. But that probably won't happen.

--

You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/tqLSNAFMygY/unsubscribe.
To unsubscribe from this group and all its topics, 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.

[Ton Gerner]

Hi Dave,

On Wednesday, October 16, 2013 3:26:11 PM UTC+2, David Gifford wrote:

Hi Ton

I will have a look at your example when I get a breather. Been pretty busy around here with visitors for the last week.

As you already stated elsewhere: put a link in your mall to my Dropbox file. May be a "general" top menu in your mall and a link to my guide/demo?

I feel like using TiddlyWiki with node.js is way beyond me. I have node.js installed, but I know nothing about it and would need a step by step walkthrough from someone, answering my questions along the way.

That's true for me as well. I did install it but then I miss the latest additions to TW5 when downloading master.zip. At http://five.tiddlywiki.com/ I see a ReadOnly theme but that is not in the master.zip.
There must be a way via Github I think, but I did only succeed in the Cygwin way. I installed Github according David Jonston's walkthrough but that did not work (missing steps in the walkthrough?)

I am waiting on the list widget and anything remotely like that because I want to know if the refactoring Jeremy is working on will change things like that. Supposedly there will be a dropdown way to add tiddlers to lists and lists to tiddlers. I am forcing myself to wait for that before I get into lists in any serious way. All I did was have a conversation with Jeremy about a similar potential mechanism where by "listing" one tiddler in another, both tiddlers would be connected to each other equally in a two way process. But that probably won't happen.

We'll wait.

Cheers,

Ton

[Jeremy Ruston]

Hi Ton

 

I feel like using TiddlyWiki with node.js is way beyond me. I have node.js installed, but I know nothing about it and would need a step by step walkthrough from someone, answering my questions along the way.

When things are set up properly, the steps will be as simple as:

* One step to install node.js (a one click install for most platforms)

* One step to install TW (in the command line type "npm install tiddlywiki")

* One step to run TW in a given folder and (something like "tiddlywiki --new myfolder")

There will be no need to mess with git or github.

Anyhow, we're not quite there yet.

 

That's true for me as well. I did install it but then I miss the latest additions to TW5 when downloading master.zip. At http://five.tiddlywiki.com/ I see a ReadOnly theme but that is not in the master.zip.

That's confusing. How are you downloading the master.zip? The readonly theme has been in the master branch of TW5 for a week or so, and so should be in there.

 

There must be a way via Github I think, but I did only succeed in the Cygwin way. I installed Github according David Jonston's walkthrough but that did not work (missing steps in the walkthrough?)

I am waiting on the list widget and anything remotely like that because I want to know if the refactoring Jeremy is working on will change things like that. Supposedly there will be a dropdown way to add tiddlers to lists and lists to tiddlers. I am forcing myself to wait for that before I get into lists in any serious way. All I did was have a conversation with Jeremy about a similar potential mechanism where by "listing" one tiddler in another, both tiddlers would be connected to each other equally in a two way process. But that probably won't happen.

We'll wait.

Dave and I had some back and forth about this two way list idea, and my (tentative) conclusion is that the features Dave describes are equivalent to those already present in TW5.

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.

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

[Ton Gerner]

Hi Jeremy,

On Wednesday, October 16, 2013 6:51:50 PM UTC+2, Jeremy Ruston wrote:

Hi Ton

 

I feel like using TiddlyWiki with node.js is way beyond me. I have node.js installed, but I know nothing about it and would need a step by step walkthrough from someone, answering my questions along the way.

When things are set up properly, the steps will be as simple as:

* One step to install node.js (a one click install for most platforms)

* One step to install TW (in the command line type "npm install tiddlywiki")

* One step to run TW in a given folder and (something like "tiddlywiki --new myfolder")

There will be no need to mess with git or github.

Anyhow, we're not quite there yet.

 

That's true for me as well. I did install it but then I miss the latest additions to TW5 when downloading master.zip. At http://five.tiddlywiki.com/ I see a ReadOnly theme but that is not in the master.zip.

That's confusing. How are you downloading the master.zip? The readonly theme has been in the master branch of TW5 for a week or so, and so should be in there.

David Johnston made a guide for installing node.js on Windows [1] which I followed:
I did install Github and lateron Cygwin but the command sh was not recognized which was a path problem.
After appending C:\cygwin\bin; to the path it did work. Lateron I made a batch file to execute the build (change to the right directory, build TW with 'sh bld.sh' and start the server with 'sh serve.sh').
Today I downloaded master.zip (http://github.com/Jermolene/TiddlyWiki5/archive/master.zip) and unzipped it all according to David's recipe.
Executing the batch file gave 2 failures (44 tests, 40 assertions, 2 failures)
Error 1: Expected '$:/TiddlerTwo, TiddlerOne' to be 'TiddlerThree, TiddlerOne'
Error 2: Expected '$:/TiddlerTwo' to be 'TiddlerTwo, TiddlerOne'

Starting Firefox with http://localhost:8080/ which opened TW5 but WITHOUT the ReadOnly theme I saw at http://five.tiddlywiki.com/
To exclude cache problems I tried with Chrome as well with the same result: no ReadOnly theme.

[1] https://groups.google.com/d/msg/tiddlywikidev/ZwcOcrTzPys/c9xOwBzn_T8J

So, no idea what's going wrong.

Cheers,

Ton

[Jeremy Ruston]

Hi Ton

Thanks for your patience. The issue is that I mistakenly failed to add the ReadOnly theme to the edition that is used when you run serve.sh. I'll fix tomorrow, but as a workaround you can find the ReadOnly theme in the System tab of the sidebar in five.tiddlywiki.com and drag it to the browser window showing your 0.0.0.0:8080. Anowhow, all that bash nonsense won't be necessary soon.

Best wishes

Jeremy

—
Sent from Mailbox for iPad

[David Gifford]

Jeremy, Regarding our conversation about 'related' connections between tiddlers, I came up with a workaround for me: use references. That is, add hyperlinks to related tiddlers and potential tiddlers at the bottom of a tiddler, and below that, in the viewtemplate, show references from other tiddlers to that tiddler. Using references in that way, to show nonhierarchical relations, frees up tags, lists and listed for truly hierarchical relationships between tiddlers.

[Ton Gerner]

Hi Jeremy,

Thanks for the explanation. I had the impression something was wrong with my setup but that is not the case ;).
Normally, I only use the standalaone version of TW5; at a second PC I installed node.js to experiment with it independently.
Yesterday, after finishing/publishing my (3rd) version of the guide for making a top menu with toolbar buttons, I - by accident - saw the ReadOnly theme at http://five.tiddlywiki.com/
I dragged/dropped it to my toolbar demo and found that when in readonly mode not only the 3 page control buttons disappeared but also my toggle sidebar button.
I didn't have a close look at the ReadOnly theme but will do in the near future to see why my toggle sidebar button diasappears in readonly mode (it has no high priority for me at the moment).
After that I tried to update the "node.js version" of TW5 at my 2nd PC and found the missing ReadOnly theme in master.zip.
But that will be remedied.

At the moment I want to explore the <$list> possibilities of TW5 but find it difficult to start. I just managed to list tiddlers sorted and tagged with 'topmenu' in my guide, but that's about all.
In the documentation at http://five.tiddlywiki.com/ there is only one simple example, thereafter it starts direct about creating nested lists as used in the 'recent' and 'type' tabs of the Control panel. Not the easiest things to start with I think ;). Also the use of '!' and '!!' is unclear for me. Also the core of TW5 is not the best place to start with I think.
Is there somewhere more/easier documentation available?

Another question: When will TW5 have a "real" version number?
When I started with TW5 (just 4 weeks ago) one of my first questions was: "Is there a way to see which build (or build date) I am using?"
Once in a while I downloaded an empty.html and sometimes it had grown a little bit bigger (from 633 kB to 637 kB in the last weeks) but the the version number hasn't changed; it is still v5.0.0 alpha 10.
Since TW5 is "in the wild" I can imagine it becomes more and more important when problems will be reported you have to know which version it is.
The refactoring you are doing at the moment looks to me as a relatively big change, worth an increase in version number (alpha11?).
For sure a proper versioning system is on your list but when will it be implemented?

Cheers,

Ton

[Ton Gerner]

Hi Dave,

Today I was experimenting with your 2 and 3 column layout in Chrome but it did not work.
As given it only works with Firefox but you can make it more universal, see http://www.w3schools.com/cssref/css3_pr_column-count.asp

In principle:

.threecolumns {
     column-count:3; /* Opera and IE 10 */
     -moz-column-count:3; /* Firefox */
     -webkit-column-count:3; /* Safari and Chrome */
}

But, your example with:

@@.threecolumns
*Text
*Text
*Text
.
.
*Text
*Text
*Text
@@

gives a slightly different result per browser:
* Firefox: as given in your example (and as expected)
* Chrome and Opera: all text without bullets
* IE 10: first column with bullets, second and third column without bullets.

Tested with Windows 7 64-bit, IE 10, FF 24, Chrome 30 and Opera 17.

Keeping it simple I also left out the column-gap and column-width.

Cheers,

Ton

[Stephan Hradek]

For completeness: Safari 5.0.6 also does not display bullets. Even not when adding  list-style-type: circle;

[David Gifford]

Sigh. Corrected.

On Fri, Oct 18, 2013 at 3:27 PM, Stephan Hradek <stephan...@gmail.com> wrote:

For completeness: Safari 5.0.6 also does not display bullets. Even not when adding  list-style-type: circle;

--

You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/tqLSNAFMygY/unsubscribe.
To unsubscribe from this group and all its topics, 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.

[David Gifford]

And thanks, you two! Appreciate your playing around with the mall and reporting where it needs massaging. Blessings,

Dave

[Ton Gerner]

Hi Dave,

I'm glad I could help.

Today I stumbled (again) over changes in the StyleSheet that did not work after saving/reloading. Yes, the 'html body' trick you once told me [1]

According to Jeremy (in the same thread):
The problem is that stylesheets generated from the stylesheet tiddlers are being added to the DOM in the wrong order, with the base stylesheet going last. That means that rules from the base stylesheet can only be overridden with rules of higher specificity. Adding the html and/or body elements is a simple hack to give the rule great specificity.
.... Yes, the problems with stylesheet ordering are temporary, and will go away soon.

Looking at your mall I see you use the hack in your styles but I could not find any reference why you did it.
May be it's wise to put Jeremy's remarks somewhere.

Cheers,

Ton

[1] https://groups.google.com/d/msg/tiddlywiki/234ImB9EP_o/80DaE1c1D0MJ