4 ms·

CSS3 3D Slideshow Framework [Chromium 12 or Safari]

77 points by tzury 16y ago

redorb 16y ago
I would like to see a cube like thumbnail map with a highlight showing you where you currently are / or perhaps subtly hints at where you can go next. Currently it might qualify as mystery meat navigation; yes I think presentations/slideshows should have the ability to know where its going and or a promised end time.
lordlarm 16y ago
I love the idea behind 'nested slides' , hope to see this implemented elsewhere as well! If one is at the bottom of the nested slide you can easily go forth by pressing : "↑ + →". Brilliant.
hakim 16y ago
This runs very well on mobile Safari as well. In fact, the frame rate is smoother on my iPhone 3GS than it is on my MacBook Pro. Edit: After some further testing I noticed that setting any dummy CSS transform boosts transition/animation performance on iOS. For example: -webkit-transform: translate3d(0,0,0)
- semanticist 16y ago
  3d CSS transforms are hardware accelerated on iOS, so they perform significantly better than 2d ones.
- mcritz 16y ago
  Works well on my iPad, too. It even supports a "back swipe" gesture.
geuis 16y ago
Very nice job.
neoveller 16y ago
Amazing and unexpectedly very inspiring. Thank you.
janmonschke 16y ago
Looks very nice! Why don't you host the code on github?
- hakim 16y ago
  Have had that on my to-do list for a long time but it's one of those tasks that keeps getting overshadowed in favor of creating new experiments. For now, you can fork some of my experiments here: http://jsdo.it/hakim http://jsdo.it/hakim
tilltheis 16y ago
This works in Chrome 11 as well (some performance issues aside). Direct link: http://hakim.se/inc/components/slideshow/ http://hakim.se/inc/components/slideshow/
medwezys 16y ago
I unintentionally clicked esc key to fade out at the end of presentation :) It is so fancy that I expected this behavior
retlehs 16y ago
Very nice! Runs perfect in Chrome Canary (Chrome 12). Incredible work - thanks for the source EDIT: For anyone interested, Hakim created a RSS feed for his site about 5 minutes ago: http://hakim.se/rss.xml http://hakim.se/rss.xml

77 points by tzury 16y ago

I would like to see a cube like thumbnail map with a highlight showing you where you currently are / or perhaps subtly hints at where you can go next. Currently it might qualify as mystery meat navigation; yes I think presentations/slideshows should have the ability to know where its going and or a promised end time.

lordlarm 16y ago

I love the idea behind 'nested slides' , hope to see this implemented elsewhere as well! If one is at the bottom of the nested slide you can easily go forth by pressing : "↑ + →". Brilliant.

hakim 16y ago

This runs very well on mobile Safari as well. In fact, the frame rate is smoother on my iPhone 3GS than it is on my MacBook Pro. Edit: After some further testing I noticed that setting any dummy CSS transform boosts transition/animation performance on iOS. For example: -webkit-transform: translate3d(0,0,0)

semanticist 16y ago
3d CSS transforms are hardware accelerated on iOS, so they perform significantly better than 2d ones.
mcritz 16y ago
Works well on my iPad, too. It even supports a "back swipe" gesture.

geuis 16y ago

Very nice job.

neoveller 16y ago

Amazing and unexpectedly very inspiring. Thank you.

janmonschke 16y ago

Looks very nice! Why don't you host the code on github?

hakim 16y ago
Have had that on my to-do list for a long time but it's one of those tasks that keeps getting overshadowed in favor of creating new experiments. For now, you can fork some of my experiments here: http://jsdo.it/hakim http://jsdo.it/hakim

tilltheis 16y ago

This works in Chrome 11 as well (some performance issues aside). Direct link: http://hakim.se/inc/components/slideshow/ http://hakim.se/inc/components/slideshow/

medwezys 16y ago

I unintentionally clicked esc key to fade out at the end of presentation :) It is so fancy that I expected this behavior

retlehs 16y ago

Very nice! Runs perfect in Chrome Canary (Chrome 12). Incredible work - thanks for the source EDIT: For anyone interested, Hakim created a RSS feed for his site about 5 minutes ago: http://hakim.se/rss.xml http://hakim.se/rss.xml