How 2 make a site look 'punk' on iphone?

Hobsons

New Member
I need to art direct a site for a hipster-ish band whos old site was a hectic mess of gifs /swfs and old html - style , deliberately amateurish, so that it looked art-school and non-corporate.

Now that the site has to run on iphone, none of this stuff works. The gifs run super slow and look like they don't belong, flash doesn't work at all, and it's turning into a very conventional looking column of videos, images and text in a very polite arrangement.

How can I get back some of the punk/crazy 'we don't care about slick design' kind of feeling with a site that works on handheld devices?
 
Last edited:

JakClark

New Member
Hello,

Have you got a link to the old website, it would be good to see what it looked like previously. Then we could get an idea of what you'd want the handheld website to look like. Another thing though, and others please do correct me if I'm wrong, but gifs are very rarely used in the design itself in website anymore. At least not in very many designs at all.

Regards,
-Jak :)
 

Mug

New Member
A link would help a lot. You can still use static gifs but animated gifs are a bit 90s. Flash won't work on your iphone unless you use a complicated Javascript alternative that will decompile and recompile. I would suggest having two sites one for desktop and one for mobiles.
 

bcee

New Member
Need a link. Mug are you talking about SmokeScreen?

The iphone simply lacks the hardware to handle web animations well.
 

SplitElement

New Member
A link would help a lot. You can still use static gifs but animated gifs are a bit 90s. Flash won't work on your iphone unless you use a complicated Javascript alternative that will decompile and recompile. I would suggest having two sites one for desktop and one for mobiles.

Agree 100%. Good post.
 

Mug

New Member
@bcee
I can't remember the name of the bit of software tbh. I saw a video demonstrating the technology when the iPad hype had started. Clever stuff though needless to say.

I forgot to mention that if you have a separate website for mobiles then most of the smartphones support html5 + CSS3 (to some degree) so instead of gifs you could do some animations with CSS3. You may have to test how cpu intensive it would be. Take a look at http://dev.sencha.com/deploy/css3-ads/
 
Top