tag:blogger.com,1999:blog-5541414252435605845.post2197725044968072655..comments2018-02-06T23:09:43.792-08:00Comments on The Holbert Report: SVG/SMIL "Dock" DemoDanielhttp://www.blogger.com/profile/06625163638446776772noreply@blogger.comBlogger10125tag:blogger.com,1999:blog-5541414252435605845.post-13319906312882323712009-12-11T04:28:28.502-08:002009-12-11T04:28:28.502-08:00Yeah it's possible with script but I haven'...Yeah it's possible with script but I haven't thought of a way to achieve it with SMIL alone.Brianhttps://www.blogger.com/profile/11949941769635660828noreply@blogger.comtag:blogger.com,1999:blog-5541414252435605845.post-29511880925310272282009-12-11T02:31:02.401-08:002009-12-11T02:31:02.401-08:00@Brian: Ah, good point -- the zoom-out operation w...@Brian: Ah, good point -- the zoom-out operation will indeed get a full duration, regardless of when we interrupt the zoom-in operation.<br /><br />I suppose I could get around that by storing the result of "getCurrentTime()" when the zoom-in operation begins & when it's interrupted. Then I could dynamically set the zoom-out operation's duration to be the difference between those two values. :) Seems a bit hacky, but I can't think of a more elegant way to accomplish it at the moment...Danielhttps://www.blogger.com/profile/06625163638446776772noreply@blogger.comtag:blogger.com,1999:blog-5541414252435605845.post-70801806448746808692009-12-11T02:23:28.986-08:002009-12-11T02:23:28.986-08:00I think what Robert might have in mind though is t...I think what Robert might have in mind though is that it should shrink back at the same rate it grew. Currently I think even if you get a mouse out after 0.1s it will still take the full 0.2s to shrink back. I haven't run the demo however so I could be wrong.Brianhttps://www.blogger.com/profile/11949941769635660828noreply@blogger.comtag:blogger.com,1999:blog-5541414252435605845.post-34252866616563318672009-12-10T09:01:52.983-08:002009-12-10T09:01:52.983-08:00@Robert: The first thing you mentioned (interrupt...@Robert: The first thing you mentioned (interrupt & shrink on mouseout) already works, though perhaps I made the growing-animation too quick for it to be detectable. Here's a <a href="http://people.mozilla.org/~dholbert/demos/smildock/01slow/smildock.svg" rel="nofollow">slowed down version</a> where that's more noticeable.<br /><br />As for the second thing you mentioned -- I think a simple version of packing should be achievable by adding 2 additional animations to each element: "shift left" and "shift right". And then whenever we play the zoomin/zoomout animation for dockitem N, we play the corresponding "shift" animation for all the items to its left & right.<br /><br />(I'm realizing that syncbase timing will indeed make a lot of this stuff easier. :))<br /><br />@Marek: Thanks!<br /><br />@Anonymous: Good to know that it works for you in Opera. On my Ubuntu system, it appears to hit some pathological case in Opera 10.10 -- it goes very slowly, and it prints out tons of messages saying "X11OpBitmap::GetPainter(): Painter exists". I'll try to see what's causing that out at some point, if I get a chance.<br /><br />@voracity: see above response to Robert. I am indeed using a mouseout handler to handle the first.<br /><br />@Alfred: Agreed, that would be cooler -- I actually did try having the dock over the iframe, but that currently causes some minor repaint issues :) When the icons shrink, we sometimes leave empty blocks unpainted (for less than a second) in the iframe behind them. This happens a lot when the page in the iframe is loading, i.e. when you've just clicked an icon. That bothered me, which is why I moved it lower for now.<br /><br />@Jeff: Thanks! :) I'll try to get it working better in WebKit in the next version of the demo.Danielhttps://www.blogger.com/profile/06625163638446776772noreply@blogger.comtag:blogger.com,1999:blog-5541414252435605845.post-31093275554481619472009-12-10T05:57:57.094-08:002009-12-10T05:57:57.094-08:00Nice Daniel! But surely you can get it working in...Nice Daniel! But surely you can get it working in Chrome/Safari? :)Jeff Schillerhttps://www.blogger.com/profile/08519917349324569248noreply@blogger.comtag:blogger.com,1999:blog-5541414252435605845.post-16771481666021689562009-12-10T04:58:55.557-08:002009-12-10T04:58:55.557-08:00Even nicer if you make the html frame the whole vi...Even nicer if you make the html frame the whole view, so that the dock is above the frame itself.Alfredhttps://www.blogger.com/profile/14659465490974234666noreply@blogger.comtag:blogger.com,1999:blog-5541414252435605845.post-43381270902799792282009-12-10T04:10:52.864-08:002009-12-10T04:10:52.864-08:00Aren't you worried that Apple will now sue you...Aren't you worried that Apple will now sue you? (Sorry, bad joke.)<br /><br />@Robert: Why would those be difficult in SVG/SMIL? I haven't done much SVG, but I can think of some (perhaps naive) ways of doing it in HTML using basic mouse outs for the first and inline-block (+ positioning) for the second.voracityhttp://voracity.org/noreply@blogger.comtag:blogger.com,1999:blog-5541414252435605845.post-77013144796393052822009-12-10T02:31:58.237-08:002009-12-10T02:31:58.237-08:00Works with Opera 10 too.Works with Opera 10 too.Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-5541414252435605845.post-18047780480291713352009-12-10T01:28:49.696-08:002009-12-10T01:28:49.696-08:00Nice demo! ;-)
I think there's i typo mistake ...Nice demo! ;-)<br />I think there's i typo mistake in the text, double what, but maybe I'm wrong...Unknownhttps://www.blogger.com/profile/09511423396469831863noreply@blogger.comtag:blogger.com,1999:blog-5541414252435605845.post-5022357078341487852009-12-10T01:28:48.940-08:002009-12-10T01:28:48.940-08:00A couple of additional Dock behaviours that might ...A couple of additional Dock behaviours that might be hard to implement with SVG/SMIL:<br />-- if you move the mouse away from an icon while it's growing, it should stop growing and shrink back to the normal size<br />-- the icons should be packed horizontally, so enlarging one icon pushes the others asideRoberthttps://www.blogger.com/profile/01801341049800948737noreply@blogger.com