Thursday, August 12th, 2010

Slidr – HTML5 app for making online presentations

An Event Apart + MIX is organizing a contest for implementing a cool web app, using HTML5+CSS3+JavaScript combo, with a rule that the final app size should be less than 10K. That’s the challenge.

From my side, I tweaked my earlier code and redid that as Slidr, a web app for creating online presentations. The idea is simple (or that’s what I think!) – to provide anyone the ability to easily create online presentations without the need to edit HTML/CSS code. With Slidr, the user can directly edit the content right from browser (yeah! contenteditable=true does the magic) and save their work. Slidr has a basic animated slide transition too.

Please try my app with link given below and rate it if you like the app. Because it helps the app to get more visibility.

(please use a browser which can understand HTML5, CSS3. For example,  IE9 or FF 3.6+ or Chrome 5+ )

Test drive – Slidr| Rate it(thanks!)

{ 15 comments… read them below or add one }

Utkarshraj Atmaram August 12, 2010 at 12:47 pm

Cool! Looks very slick! Maybe you can try replacing alerts with unobtrusive dialogs.

Reply

Veera August 12, 2010 at 1:08 pm

Thanks. Point noted. Will implement it in the next version.

Reply

Santhosh August 12, 2010 at 2:14 pm

Tried it. It’s simple and good. Liked Vsr’s app too. Did you try http://js1k.com/ ?

Reply

Veera August 12, 2010 at 3:10 pm

thanks. I too liked Vinay’s submission. This event surely brought too many goodies out.

need to work on the 1K challenge too..

Reply

Thejesh GN August 13, 2010 at 12:37 pm

BTW, can I save the end presentation to my HD and use it later offline?

Reply

Veera August 13, 2010 at 12:47 pm

yes.. provided that while giving presentation either you are connected to internet (so that JQuery can be downloaded from Google CDN) or have a local copy of JQuery and reference it from the resulting PPT code!

Reply

Thejesh GN September 8, 2010 at 11:57 am

Probably I will modify a bit to match my blog theme and use it. I guess you are okay with that?

Reply

Veera September 8, 2010 at 12:37 pm

you are most welcome.

Reply

Thejesh GN August 13, 2010 at 12:37 pm

Okay. Got it.

Reply

Arun August 25, 2010 at 9:42 am

Very slick Veera. My vote goes to you and I hope you win! :)

Reply

Veera August 25, 2010 at 9:50 am

thank you Arun for the vote.

Reply

Alex November 27, 2010 at 4:13 am

is there any way to get it to display images?

Reply

Veera November 27, 2010 at 9:33 am

Yes Alex. It is possible by manually editing the HTML.

Reply

Alex November 27, 2010 at 9:40 am

yea i could do that
also I found that if you copy an image you can than paste it into a slide

Reply

Veera November 27, 2010 at 9:58 am

Using HTML5, drag-drop of image is possible.. but that feature is not built-it in Slidr yet. But that’s a good suggestion. I’ll definitely explore it.

Reply

Leave a Comment

Previous post:

Next post: