Hello tiddlers,I'm starting this new thread to make a summary about what this is, where it is and what I'm planningAs far as time allows I will keep this first post updated with the latest changesThe name: TiddlyTouch / MuuriTouch / tiddly muuri tiddlywiki plugin. I don't have a preference about the nameIt's meant to provide a responsive, pleasant, multitouchable layout for many different use-cases, many of them still to exploreThe current state: v0.0.14 alpha alpha alpha, no guarantees that it works without errors - it doesn'tThe developer: my name is Simon Huber and I'm from the italian alps, currently living in Innsbruck, Austria. I'm trilingual - german italian english no problem
TiddlyTouch wants to show what TiddlyWiki is capable to do and provide a little bit of "glue" for all the tools tiddlywiki offers - to bring them in front (and to have some shiny bling)
This plugin runs on single-file wikis, on nodejs (w/wo tiddlyserver) and as far as I tested, on TiddlyDesktop 0.0.10 and 0.0.11, tooThere are 2 different pages about TiddlyTouch:
- The Demo page: http://muritest.tiddlyspot.com (tiddly demo)
- The Plugin page: tiddlytouch.tiddlyspot.com (latest changes and development infos)
best wishes,Simon
I am trying to study the muuri plugin from https://ustuehler.github.io/tw5-plugin/
After installation, I switched the storyview to "muuri" and tried to add an tiddler, but I got an error:Internal JavaScript Error
Well, this is embarrassing. It is recommended that you restart TiddlyWiki by refreshing your browserTypeError: grid.add is not a functionDid anyone has similar problems?
Allora, @BurningTreeC
I may be in love with you? It could be your bling.
Moving on ... great stuff. Love the flex in what you doing. The little gizmos you add (color palette, auto-gallery, transparency, hider, build macros etc) are brilliant in this context.
Towards an interface that on click re-builds the interface.
Very TiddlyWiki, but easier.
A BRIDGE towards nowish for end-users like me.
Given this is still in Alpha its amazing what it can do.
I have some substantive issues, not just praise. Those I will post next, bit by bit.
Best wishes
Josiah
what's nowish?
.someclass {
columns:3; -moz-columns:3; -webkit-columns:3;
column-gap:2em; -moz-column-gap:2em; -webkit-column-gap:2em;
column-rule: 2px dotted #ddd; -moz-column-rule: 2px dotted #ddd; -webkit-column-rule: 2px dotted #ddd;
column-fill:auto; -moz-column-fill:auto; -webkit-column-fill:auto;
}
I suspect you want fixed height tiddlers that transclude their content (let's call these fixed height tiddler "containers"). The containers display their content using CSS columns:
.someclass {
columns:3; -moz-columns:3; -webkit-columns:3;
column-gap:2em; -moz-column-gap:2em; -webkit-column-gap:2em;
column-rule: 2px dotted #ddd; -moz-column-rule: 2px dotted #ddd; -webkit-column-rule: 2px dotted #ddd;
column-fill:auto; -moz-column-fill:auto; -webkit-column-fill:auto;
}
I'm just wanting also push Simon a little on this because the interface he's working on is very flexible. And I just wanna check whether muuri does have a rightward limit or not.
TIDDLY TOUCH-BASE - THE RIGHT?
Q: Am I limited to 12 columns? Is that hard code?
The liberation of the RIGHTwards layout is one thing that got me interested. I'd like to be able to go on forever right.
A Use Case would be Storyboarding a movie. Going Right conveys time much better than going down does.
In actual Storyboarding you tend to group "horizontal runs" by "Acts". An Act on a physical corkboard is usually about 25 images per line/act. Most movies have 3 main acts. The second act is normally double length so you split it in two on a storyboard.
In other words: you normally have a grid of 25 columns and 4 rows to depict a whole movie. 100 scenarios split over 4 rows.
I DO see there is a design thing in TT between relating to a FIXED-VIEWPORT or an infinite VIRTUAL-SPACE. In the first case one can set widths relative to the viewport size. In the second case they need some kind of fixed setting (likely px or rem).
IF this issue is "out-of-scope" let me know. Even at 12 columns TiddlyTouch is great.
I'm simply wondering if I could go right further?
J, x
DYNAMIC REDUCTIVE FILTERS?
One of the neat things that muuri js enables is dynamic filtering (https://haltu.github.io/muuri/). Whilst TiddlyWiki is good on reductive filtering in the sidebar search I can't say I've seen a live reductive filter for open Tiddlers like muuri does yet.
Sticking with TT. Imagine you opened, via an AUTO-POPULATE, 200 Tiddlers with tag "MyStuff". But then you need to reduce what is visible to the 5 that are also tagged "Rabbit".
Q: Could that be done?
STICKY TIDDLER?
Q: Is it possible to force a Tiddler to always stay where it is?
The use case I'm thinking of is I've written, say, a Tiddler that is an intro to the rest that I want ALWAYS at POSITION ONE so new users would always see it first in the flow.
BurningTreeC wrote:Saving grids is just a button that saves the storylist in another field or tiddlerI like the tiddly way of being able to open everything wherever,whenever (shakira shakira)I don't really want to limit a view to special use-cases, everything should be doable everywhere,I just want to provide flexibility in viewing and workflows
TonyM commented:
Just a little remainder, to keep this wonderful tool generic against tiddlywiki design.
Ciao BurningTreeC & TonyM
Right. Its on one hand just saving a story river. Fully compatible with what is.
HOWEVER, isn't it also for grids about also saving a LOOK?
Since gridded layouts really liberate design on layout, colours, spacing etc?
I guess I wasn't clear about what I meant. Which I think is actually, on reflection. TWO things ...
1 - Story River
2 - Visuality of layout.
Say, for instance, through a gridded layout I emulate TalkyTalky
Could I save the LAYOUT STYLE as well as the sequence?
@all,there's also a test going on on the demo site http://muritest.tiddlyspot.com3 responsive, flexible grids with tiddlers exchangable between them (the currently embarrassing limitation: only one tiddler is allowed in the story river so that this doesn't throw errors or behaves strange)
On Sunday, January 14, 2018 at 8:36:49 AM UTC-6, BurningTreeC wrote:@all,there's also a test going on on the demo site http://muritest.tiddlyspot.com3 responsive, flexible grids with tiddlers exchangable between them (the currently embarrassing limitation: only one tiddler is allowed in the story river so that this doesn't throw errors or behaves strange)It looks very good. Minor issue: I was unable to drag from column 1 to column 3, or v.v.
I think TiddlyTweeter would like the central column to be his storyboard with infinite space to the right. Columns1 could be sources (potential additions to the story) and column3 a list of all storyboards. The height of column 2 must be fixed (i.e. no vertical scrolling)
there's also a test going on on the demo site http://muritest.tiddlyspot.com3 responsive, flexible grids with tiddlers exchangable between them (the currently embarrassing limitation: only one tiddler is allowed in the story river so that this doesn't throw errors or behaves strange)It looks very good. Minor issue: I was unable to drag from column 1 to column 3, or v.v.
I think TiddlyTweeter would like the central column to be his storyboard with infinite space to the right. Columns1 could be sources (potential additions to the story) and column3 a list of all storyboards. The height of column 2 must be fixed (i.e. no vertical scrolling)
hello everyone,
TiddlyTweeter
@Evgeniy Degtyar,I understand that,I'm currently finishing the first beta release on tiddlytouch.tiddlyspot.com
This will not include more grids, just the basic TiddlyTouch functionality with error fixes. You can already take a look at it, though documentation is done at the moment.
I will announce the release today or tomorrow here in the forum when everything's done.I plan to make features like 3 grids etc. available on tiddlytouch.tiddlyspot.com as add-ons that don't come with the plugin itself.best wishes,Simon
Am Samstag, 20. Januar 2018 13:46:09 UTC+1 schrieb Evgeniy Degtyar:If to speak for myself I don't need 3 grids. At least now I don't know why and how I'll use when in my personal wiki.
But using TiddlyTouch plugin I realized what I need some "focus" feature when you can make concrete tiddler much bigger than others to work with it.
воскресенье, 14 января 2018 г., 17:36:49 UTC+3 пользователь BurningTreeC написал:@all,there's also a test going on on the demo site http://muritest.tiddlyspot.com3 responsive, flexible grids with tiddlers exchangable between them (the currently embarrassing limitation: only one tiddler is allowed in the story river so that this doesn't throw errors or behaves strange)what do you think about this?could this be useful, how could this be used?cheers,BurningTreeC
--
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/hzgtqlNvTLc/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+unsubscribe@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/1f558d8f-2f32-447b-abc5-4084df9f350d%40googlegroups.com.
Anyway, this is my "must have" plugin for TW. Thank you for that.
Hello tiddlers,I'm starting this new thread to make a summary about what this is, where it is and what I'm planningAs far as time allows I will keep this first post updated with the latest changesThe name: TiddlyTouch / MuuriTouch / tiddly muuri tiddlywiki plugin. I don't have a preference about the nameIt's meant to provide a responsive, pleasant, multitouchable layout for many different use-cases, many of them still to exploreThe current state: v0.0.14 alpha alpha alpha, no guarantees that it works without errors - it doesn'tThe developer: my name is Simon Huber and I'm from the italian alps, currently living in Innsbruck, Austria. I'm trilingual - german italian english no problemThe why: I'm creating TiddlyTouch for my personal use. I'm actually a student of human medicine with previous experiences in electrical engineering and CAD/CAM technology. For me, tiddlywiki solves my notetaking and knowledgebase problem better than anything else I tried. With TiddlyTouch I'm trying to create an Interface I like that allows me to take notes and create overviews, presentations, summaries and more the way I want in a modern kind of notebook that's also capable of handling all sorts of media and handling operations which replace various other desktop tools I used before. I decided to share the process of putting this package together with this community when I realized how easily muuri can be integrated and how much it adds to my TiddlyWiki experience.This plugin runs on single-file wikis, on nodejs (w/wo tiddlyserver) and as far as I tested, on TiddlyDesktop 0.0.10 and 0.0.11, tooThere are 2 different pages about TiddlyTouch:
- The Demo page: http://muritest.tiddlyspot.com (tiddly demo)
- The Plugin page: tiddlytouch.tiddlyspot.com (latest changes and development infos)
What I'm currently working on:
- the muuri code to work better with tiddlers and normal elements alike
- ideas for link-dragging which causes errors when dragging links with touch (draginit, touchstart, maybe just e.preventDefault somewhere inside dragndrop.js, draggable.js I don't know)
- a spreadsheet view implementig Evan Balster's great formulas plugin to see on the demo page
- ideas for different views that make sense in this context
- tests with more grids than one, exchanging elements between them they're coming with v0.0.15
- "3d" css experiments on the demo page I think that's interesting but too much, doesn't add anything useful
- I'm looking for good implementations from the tiddlywiki community that are good for a separate grid-view, like the formula plugin
Don't hesitate to ask questions, to criticize, to provide suggestions, to point out errors, to post ideas, to suggest changes or just to commentall the best and tanti saluti,BurningTreeC
--
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/hzgtqlNvTLc/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+unsubscribe@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/f690d500-928b-42f8-add8-ac30b93d66c7%40googlegroups.com.
--
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/hzgtqlNvTLc/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+unsubscribe@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/aa814448-1a8c-40e5-accf-d9c64420f0b6%40googlegroups.com.
--
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/hzgtqlNvTLc/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 https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/716e8a1a-d75e-41ad-938b-dd8748289b9d%40googlegroups.com.
--
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/hzgtqlNvTLc/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 https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/716e8a1a-d75e-41ad-938b-dd8748289b9d%40googlegroups.com.
Hello tiddlers,
I'm starting this new thread to make a summary about what this is, where it is and what I'm planningAs far as time allows I will keep this first post updated with the latest changes
The name: TiddlyTouch / MuuriTouch / tiddly muuri tiddlywiki plugin. I don't have a preference about the nameIt's meant to provide a responsive, pleasant, multitouchable layout for many different use-cases, many of them still to exploreThe current state: v0.0.14 alpha alpha alpha, no guarantees that it works without errors - it doesn'tThe developer: my name is Simon Huber and I'm from the italian alps, currently living in Innsbruck, Austria. I'm trilingual - german italian english no problem
TiddlyTouch wants to show what TiddlyWiki is capable to do and provide a little bit of "glue" for all the tools tiddlywiki offers - to bring them in front (and to have some shiny bling)
This plugin runs on single-file wikis, on nodejs (w/wo tiddlyserver) and as far as I tested, on TiddlyDesktop 0.0.10 and 0.0.11, too
There are 2 different pages about TiddlyTouch:
- The Demo page: http://muritest.tiddlyspot.com (tiddly demo)
- The Plugin page: tiddlytouch.tiddlyspot.com (latest changes and development infos)
--best wishes,Simon
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 https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/601259eb-006b-4cb4-9f86-e1b31f06bc8c%40googlegroups.com.
Hello Simon,
you made big progress. The feel of Muri is getting better and better. I am looking forward to see your touch-inventions as separate widgets!
Yours Jan
Hi Simon,
thanks a lot for this widget.
A short report of my test.
On my desktop Touchscreen the black div to Test the swipe down works.
The triggering swipe velocity is not so easy to optain. $velocity=1 works much better.
On my Iphone the storyriver can not be us moved up and down no longer - perhaps up and down arte dangerous here.
The swipe left on the normal tiddlers for me just seems to work from time to time. Maybe it is intercepted by elements in the Tiddler?
--
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 https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/afafa3ee-415f-4995-b4d6-d4fe7e9087a7%40googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/7b9073d9-7759-4ff0-bc3e-87671046ca33%40googlegroups.com.
It's on @Jan,
I think I'll simplify it to only use the actions, not the message. one can still send messages from within the action string
--
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 https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/114d0881-aecd-430c-918c-8f8cacf4a144%40googlegroups.com.
Hi Simon,
Great, that sidebar-switch is exactly my usecase.
On the desktop it works perfect.
Did you test this on smartphones yet? On my Iphone the storyriver cannot be scrolled any more.
Perhaps the hammer.js has to be reduced to detect swipe-left and right.
Hello,
Thank for the wonderful work on muuritouch. :)
An excellent case use for murri (imo) is as a gallery. And I woudl like to suggest as an improvement the ability for muuri to autosize the opened tiddlers (now that width & hieght can be adjusted) based on a rating (by tobiasbeer) or some other feild algorithm the user chooses (using evans formula or a manually entered number). Maybe this feild can eb easily chagne by a drop down menu from the top or sidebar etc (so you can size by feild a, or feild b or feild c) etc.
Also -I do not know if this can be done with muuri - but there was a freeform canvas interface for the OLD tiddlywiki (called movable) which woudl be great if ported into TW. Kind of like onenote. Muuri seems to move things to fixed locatison however - so i'm not sure of thsi could be done...
Thanks for reading through the suggestions, I hope you liek them and take them into consideration!
Hi BTC,I think it is from Eric Shulmans tiddlytools Quickstart http://tiddlytools.com/quickstart/moveable.html
Birthe
Hello tiddlers,
I'm starting this new thread to make a summary about what this is, where it is and what I'm planningAs far as time allows I will keep this first post updated with the latest changes
The name: TiddlyTouch / MuuriTouch / tiddly muuri tiddlywiki plugin. I don't have a preference about the nameIt's meant to provide a responsive, pleasant, multitouchable layout for many different use-cases, many of them still to exploreThe current state: v0.0.14 alpha alpha alpha, no guarantees that it works without errors - it doesn'tThe developer: my name is Simon Huber and I'm from the italian alps, currently living in Innsbruck, Austria. I'm trilingual - german italian english no problem
TiddlyTouch wants to show what TiddlyWiki is capable to do and provide a little bit of "glue" for all the tools tiddlywiki offers - to bring them in front (and to have some shiny bling)
This plugin runs on single-file wikis, on nodejs (w/wo tiddlyserver) and as far as I tested, on TiddlyDesktop 0.0.10 and 0.0.11, too
There are 2 different pages about TiddlyTouch:
- The Demo page: http://muritest.tiddlyspot.com (tiddly demo)
- The Plugin page: tiddlytouch.tiddlyspot.com (latest changes and development infos)
best wishes,Simon
--
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 https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/601259eb-006b-4cb4-9f86-e1b31f06bc8c%40googlegroups.com.
Wonderful and verrry useful idea... but quite a lot of
dependencies...
When you install the modified storyTemplate and one of them is
missing the story remains void...and it could be hard to
recover from that.
(Luckily i tried it on my tiddlyspot so that it was no hassle
at all)
It would be useful to have a complete solution or a fallback
in the Pagetemplate for that case.
Thanks again for your work,
Jan
--
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 https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/bbf50ece-2a2b-420e-a567-0588dc1ea3ea%40googlegroups.com.
Hello Simon,
very good. The viewport.js sound very interesting to. You wrote above , the viewport macro is "measuring" the viewport.
Especially for mobile use it would be very practical to be able to set the viewport based on conditions with a function like this....
But that's just an idea an an entirely different story.