In preparation for pre-launch (alphas) of the Dynamic Forms tool at NearState, we've been trying to get a web-site thrown together which can host the basic content we need. Gabi designed a nice logo for us, and the intent has always been to animate the logo on the web-site. After some extended R&D :P I finally managed to get some decent animation going with cleaned-up SVG exported from Illustrator.
As with the main products, we use Chrome during development, and cross-browser test on Firefox, Safari and IE (and Opera if we're feeling energetic). SVG has always rendered fairly well, although it had some nasty glitches in IE <8. In fact we have a detection for those browsers and use a static image instead.
However, since ~Chrome 18 (I think it was) we now get a wierd flicker when animated elements cross over SVG text elements. <sigh /> And that means more hoking around in the markup to try and fix it.
I know there's the option to switch to Canvas but is that really the best option? SVG still looks better on older browsers, and it's so much closer to what Gabi works with as a designer. Canvas is trendy, so I suppose that means the browser vendors will watch their implementations more closely.
Innovation. Pah. It's all fine until you're doing it at 2am. Unless - sometimes at about 2:38am when magic happens.
No comments:
Post a Comment