TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Impress.js - a Prezi like implementation using CSS3 3D transformations

594 pointsby ramanujamover 13 years ago

27 comments

breckinlogginsover 13 years ago
"WARNING<p>impress.js may not help you if you have nothing interesting to say ;)"<p>Although said in jest, this struck me as poignant. I feel that many of us spend a disturbingly large amount of time researching, downloading and "hello world"ing all of these pretty well-marketed tools, but most of us still haven't figured out what we're going to build with them.<p>Opiate for the hackers. I plead guilty.
评论 #3415301 未加载
评论 #3415103 未加载
tptacekover 13 years ago
This is really slick.<p>I'm torn by Prezi. It's the moral antipode to Tufte's philosophy of presentation. It seems like it should be objectively evil. But the infinite canvas aspect of it makes the slides so dense they actually kind of work for reading online; the transition animations, annoying as they are, add pacing and create a reading experience that somewhat mirrors the delivery of an actual talk.<p>I'd love to hear some success stories from people who have actually delivered Prezi talks in public.
评论 #3414227 未加载
评论 #3415178 未加载
moocow01over 13 years ago
Looks fantastic although I have to admit these prezi types of presentations start to give me a headache after about 10 seconds from the motion. Also while the prezis look undeniably cool, I still use the standard slideshows in that I find the transitions to be a little too much whiz-bang fancy where standard slides are minimalist. But this is a very cool demonstration of CSS transforms.
sharmajaiover 13 years ago
This is mind-blowing, I like how he uses transitions to empower content.<p>The transitions themselves are fantastic and like others in the thread I don't find them fancy at all, in fact I think they add movies like continuity to presentations for cheap, which if used wisely can enable story-telling style of information delivery.<p>I can see myself using it for info-graphics and tutorials, other than presentations, by making it do non-linear (zooming in/out or using hrefs) flow of content.<p>Oh now I realize why I liked it so much, it also removes the single most annoying feature of reading content on the web - the constant scrolling and zooming, like readability it alleviates that pain for you, by zooming in to the content that matters the most at <i>this</i> instant.
aridiculousover 13 years ago
I have a friend who gets paid to simply make Prezis for clients (large and small). The tool was designed for anyone to use and yet she still gets plenty of business.<p>There is a gigantic market for making stuff that makes other people look good. People are looking for something that is like Powerpoint, but a bit better because PP is considered boring. This, if refined and made easier to use for intermediary content creators, has enormous financial potential because it works on all devices.
skbohra123over 13 years ago
There's an inkscape extension Sozi <a href="http://sozi.baierouge.fr/wiki/en:welcome" rel="nofollow">http://sozi.baierouge.fr/wiki/en:welcome</a> which is also very easy to use tool to make prezi like presentation and it's also FOSS.
评论 #3417646 未加载
scommabover 13 years ago
While a very cool library, it will only be really useful once we get some content creation tools for it.
评论 #3414428 未加载
pearkesover 13 years ago
I would argue one of the reasons the demo is so effective is because it's expressing (in language) the same thing it's doing visually.
paceover 13 years ago
Impress.js is an awesome piece of tech—but I wouldn't use it for a presentation:<p>There's just a very fine line between over- and underdoing a presentation. It's never good just to dash off a presentation with lousy layout and design but it may not be beneficial to overdo a presentation as well. Too much FX and animations makes you at a certain point needy: "Look what I did to impress you", "Look, another animation!", "How nice, isn't it??", "And here another 3D effect, awesome isn't it? I spent the entire day to make the rotation perfect, just for you because I like you!". After the 5th animation the viewers think you are a needy guy, needing approval, spending to much time on design than content and having nothing to do.<p>Different with pure web presentations for a large audience, then such tools are nice, but I don't know if they convert better than a gold old landing page.
Flimmover 13 years ago
Unfortunate name. Impress is the name of OpenOffice.org's presentation tool.
mgualtover 13 years ago
Is there a high-level markup language that I can use to output to this? E.g. LaTeX style document structure but for this kind of presentation output?
评论 #3415730 未加载
评论 #3414413 未加载
hackNightlyover 13 years ago
This is a great implementation and I enjoyed the demo. As I have nothing to say, I won't be using it, but good work.
lwhiover 13 years ago
I love this new format for presentations. I think the fact that slides are arranged in a spatially distinct way - and are linked fluidly - aids my comprehension. Would be interesting to find out if this is actually true (and not just expectation based upon novelty appeal).
brackinover 13 years ago
Yesterday was the first day I'd blocked Hacker News to get work done, ironically it was the moment when I needed something like this the most. Oh well, seems really cool. I'm glad the flash, closed alternative Prezi has a rival as this seems far more responsive.
Metaponyover 13 years ago
In looking at the stylesheet for the impress.js demo, I wonder if this <a href="http://leaverou.github.com/prefixfree/" rel="nofollow">http://leaverou.github.com/prefixfree/</a> would be useful to keep things tidy when rotating content and such.
评论 #3418992 未加载
wyuenhoover 13 years ago
I'm actually a little surprised that no one has mentioned reveal.js yet. Different idea, but worth mentioning. Impress.js is more like those font animation we see lots these days. It's pretty cool.
评论 #3454143 未加载
janusover 13 years ago
Very well implemented. Prezi it's amazing except that it needs flash.
评论 #3414530 未加载
评论 #3414199 未加载
lrizzoover 13 years ago
excellent tool. For content creation it could be coupled with some markdown tool written in javascript. I have been using this approach for a while, I put the content in a textarea and the browser does the conversion for you. The formatting instructions (to apply css styles) are similar to LaTeX which i am familiar with and is not too visually intrusive.<p>You can see an example at <a href="http://info.iet.unipi.it/~luigi/netmap/slides.html" rel="nofollow">http://info.iet.unipi.it/~luigi/netmap/slides.html</a>
darklajidover 13 years ago
"I don't really expect it to run smoothly in non-webkit-based browser."<p>That's the new 'optimized for IE 5 at 1024x768' it seems. Sad.
评论 #3415453 未加载
评论 #3415444 未加载
j45over 13 years ago
Very, very cool. I would use a tool based on this, are you thinking of building one out?
评论 #3454163 未加载
aridiculousover 13 years ago
Tried in Safari 5.0.2 and it's broken. Works great in Chrome.
评论 #3414625 未加载
josscrowcroftover 13 years ago
I love how it starts, definitely caught me off-guard!
artursapekover 13 years ago
This is one of those cool things where you can say, "wow, so we can do this!" But it really doesn't solve any problem or help anyone achieve anything.
评论 #3414328 未加载
iambotover 13 years ago
looks brilliant, pitty about the browser support, but thats to eb expected i suppose.
cgcardonaover 13 years ago
Looks really nice. Good job.
QuasiPreneurover 13 years ago
damn..wish mobile webkit based browsers would support this..
评论 #3415329 未加载
aniketpantover 13 years ago
This is just brilliant!<p>I actually don't have any words to say now :D<p>Love the work man.