> > BurningTreeC > > If your open to ideas I just want to say I have not yet gone down the > "touch interface" rabbit hole yet but I am impressed by the progress. Since > it looks like we can make Mobile first solutions can I ask you try and > bundle complete layouts? >
> My focus is currently on information tools and they often need the desktop > but I know many will depend on a good mobile layout. I will be publishing a > lot to the community over the coming months as I have climbed over the hump > of my learning curve. It would be great if such layouts were packaged so I > could deliver them in mobile first. > Hi Tony, this shouldn't be reduced to touch-only or mobile-first. Except the pinch widget all widget work with the mouse, too - the same way as they work with a touch screen and fingers. Bundling complete layouts is a big task. I'm looking for a suitable layout for desktop use, that can be used for mobile, too - using the dynaview plugin that enables to see if the screen is big or small. I'm thinking about ONE layout first - I've played around with various layouts and that's the point where I'm open for ideas: finding a suitable layout. A layout where the strengths of the hammer widgets can be used to alter the editing, viewing and presenting experience. I hope that users can see that these layouts are just wikitext and css - that means if they can create a macro that filters tiddlers and they can style a list, they can also create layouts. I cannot create every possible layout a user could want by myself. I'm missing the time for that. > > I do not underestimate the effort here however I believe we need one last > push here to ensure tiddlywiki is relevant in todays mobile world. > > One of my projects is to provide a tool to generate View and Edit > Templates parallel to the default ones so you can mess with them and retain > transportable layouts, also alter the toolbar buttons for this alternate > view. I would be happy to share this work if anyone is going to use it. > What I believe is that we could replace toolbar buttons with gestures in certain layouts/use-cases The swipe widget for example creates a div than can have 4 different actions (swipe up/left/right/down on the div) - that's one "button" instead of 4 and you can swipe with your mouse or your finger: <$swipe class="tc-swipe-me" leftactions="""<$action-dosomething/>""" upactions="""<$action-dosomething/>""" rightactions=""" <$action-dosomething/>""" downactions="""<$action-dosomething/>"""/> The widget creates a div (can also be a different tag if you add tag="span") with class "tc-swipe-me" and you position it by css and give it a height and width. Or you build the swipe widget around content like: <$swipe leftactions="""<$action-dosomething/>""" upactions=""" <$action-dosomething/>""" rightactions="""<$action-dosomething/>""" downactions="""<$action-dosomething/>"""> This content is swipeable and dispatches different actions if swiping up/left/right/down </$swipe> The tap, swipe and press widgets are pretty easy, they all work the same and they only recognize the gesture on the created element and dispatch the given action(s) The pan widget is the most versatile for layouts because it produces pointer coordinates in a state tiddler and they can be used very creativelly like: x/y - pads moving elements like tiddler content (see this tiddler: http://hammerwidgets.tiddlyspot.com/#Reorder%20Tiddler%20Content) creating drag-and-drop layouts drag-resizing tiddlers, sidebars showing/hiding panels ... The pinch widget is not very complex but stores the scale and rotation values in a state tiddler. They can be used to create: rotatable stuff like knobs zoomable stuff I've already built all of the things mentioned trying to figure out what works best in the environment they're interacting with So now I'd like to put those findings into a layout - and for that I'm open for ideas > > Regards > Tony > > All the best, 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 [email protected]. To post to this group, send email to [email protected]. 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/8c201232-e52f-4812-b115-f92be9710b9d%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
