Blog du Wren

Canvas Fun - New Kind of Slideshow

I've been playing with a new-to-me feature of HTML called canvas. It allows for new ways to draw, display pictures, do animations, etc. that HTML could never do before. Probably 95% of you will look at this and say "Big whoop. I've seen stuff like that (and better) on the web lots of times." Well, what you've probably seen before is all done in flash. The great thing about canvas is that it doesn't require external software to run. It is built into your browser. That said, it is only fancy modern browsers that support HTML 5.0 as yet. I've been told even Internet Explorer doesn't support it. So if things don't work, it might be your browser. (And I just found that it displays different in firefox than in chrome*, so consider this an alpha version.)

Anyway, you should check it out. If it works and you like it, let me know in the comments. If it doesn't work, let me know that too (and preferably what OS and browser+version you are using). I'm hoping to roll out another travel based canvas project next week.

Wednesday November 17 2010

File under: travel, coding

Toggle Comments (6)

comment?

on Thu 18th Nov, 2010 10:08 am PST Luke said:
I like how you artistically put all the pictures way down in the corner: http://awesnob.com/files/wrenvas.pngP.S. I LUV CANVAS
************************
on Thu 18th Nov, 2010 10:56 am PST Wren said:
With some great help from Amiel, I've diagnosed this as a Mac issue*. I've got a few ideas on how to fix it, but mac people (or whoever is getting weird behavior) can go check out the untemplated version here.
************************
on Fri 19th Nov, 2010 09:44 am PST Horge said:
Looking good. Any way to have options for zoom-in or return to the previous picture? Also nice of you and the Turner House boys? Are they roommates again? Awesome.
************************
on Fri 19th Nov, 2010 10:58 am PST Mom said:
Can't work up any enthusiasm for this. Maybe it is my old eyes but I want to see the pictures bigger and be able to go backwards. The captions were visually like sketchy cell phone reception--all broken up. And last of all, it didn't work well on Chrome. Sorry for the trash but honest review.
************************
on Fri 19th Nov, 2010 10:59 am PST Mom said:
oops, I take part of that back--it didn't work at all on my chrome browser.
************************
on Fri 26th Nov, 2010 04:30 am PST Horge said:
Just looked at the re-booted version of this (Firefox 3.6). Before it was small, but at least centered. But have to tell you now it was centered at the top of the box, so a number of them were cut off...
************************

<<FC 121 - Yum Yum Yum

2011 Bellingham Circus Guild Calendar>>

Name:
URL: (optional)
Comment:
speak yer peace