TiddlyWiki5/plugins/tiddlywiki/dynaview/readme.tid

title: $:/plugins/tiddlywiki/dynaview/readme

! Dynaview

This plugin makes it possible to build user interfaces that dynamically respond to changes in the browser viewport via scrolling or zooming:

* CSS classes that allow rendering to be deferred until the output is scrolled into view
* CSS classes that allow the opacity of DOM elements to vary according to the current zoom level
* A daemon that can dynamically update a pair of state tiddlers with the current dimensions of the browser viewport
* A daemon that can dynamically update the address bar with the title of the tiddler at the top of the viewport

Some points to note about the zoom features:

<<<

* The zoom level currently only works on Safari, both on Mac OS and on the iPhone/iPad
* The zoom level tracked by the plugin is the pinch-zoom level, and not the text-zoom level
* Rather than being progressively rendered as needed, hidden item are rendered with zero opacity. Which means that they can still be interacted with

This is really just a proof of concept to allow the user experience to be evaluated. A production version would need to work in all browsers, which would mean adopting a polyfill such as [[Hammer.js|http://hammerjs.github.io/]] to give us manual pan and zoom support. It would also allow deeper levels of zoom.

<<<
Introduce new dynaview plugin 2018-01-05 09:18:19 +00:00			`title: $:/plugins/tiddlywiki/dynaview/readme`

			`! Dynaview`

			`This plugin makes it possible to build user interfaces that dynamically respond to changes in the browser viewport via scrolling or zooming:`

			`* CSS classes that allow rendering to be deferred until the output is scrolled into view`
			`* CSS classes that allow the opacity of DOM elements to vary according to the current zoom level`
DynaView plugin: Add font "optisizer" A mechanism to choose the optimum font size of a passage of text to yield a particular numbr of characters per line. @BurningTreeC I've made some minor consistency tweaks and cleanups to the viewport stuff, too. 2018-03-10 10:33:34 +00:00			`* A daemon that can dynamically update a pair of state tiddlers with the current dimensions of the browser viewport`
Dynaview: Add support for updating the address bar when scrolling We add an attribute to tiddler frames in the DOM giving the title of the corresponding tiddler 2018-03-13 14:07:29 +00:00			`* A daemon that can dynamically update the address bar with the title of the tiddler at the top of the viewport`
Introduce new dynaview plugin 2018-01-05 09:18:19 +00:00
			`Some points to note about the zoom features:`

DynaView plugin: Add font "optisizer" A mechanism to choose the optimum font size of a passage of text to yield a particular numbr of characters per line. @BurningTreeC I've made some minor consistency tweaks and cleanups to the viewport stuff, too. 2018-03-10 10:33:34 +00:00			`<<<`

Introduce new dynaview plugin 2018-01-05 09:18:19 +00:00			`* The zoom level currently only works on Safari, both on Mac OS and on the iPhone/iPad`
			`* The zoom level tracked by the plugin is the pinch-zoom level, and not the text-zoom level`
			`* Rather than being progressively rendered as needed, hidden item are rendered with zero opacity. Which means that they can still be interacted with`

			`This is really just a proof of concept to allow the user experience to be evaluated. A production version would need to work in all browsers, which would mean adopting a polyfill such as [[Hammer.js\|http://hammerjs.github.io/]] to give us manual pan and zoom support. It would also allow deeper levels of zoom.`
DynaView plugin: Add font "optisizer" A mechanism to choose the optimum font size of a passage of text to yield a particular numbr of characters per line. @BurningTreeC I've made some minor consistency tweaks and cleanups to the viewport stuff, too. 2018-03-10 10:33:34 +00:00
			`<<<`