next »

[Franklin's Ghost]

Thanks Prinsessa. The canvas issue just shows how out of touch I am with website design and what I need. The reason I hadn't originally gone with using just an animated background, is that I wanted it to stay crisp at any resolution and was worrying I wouldn't be able to do it with just images. Think I need to have more of a play around with that idea though and see if I can somehow make it work. Need to do more research into using images at different resolutions and displays.

[oahda]

Maybe the image solution could be on mobile only since they tend to have somewhat smaller resolutions, or at least smaller screens so that stretching won't be as noticeable, anyway. c:

[Zorg]

www.humqnfishbowl.com

My knowledge about webdesign is pretty outdated, but you could use simple HTML/CSS as a base for your layout, like this: http://zachau.info/krams/tig/fishbowl/ (only tested in Firefox and Chrome)

For a crisp background-image you would need to check the dimensions of the browser's viewport (probably involves some JavaScript, again: outdated knowledge) and switch the background-image accordingly.

[Franklin's Ghost]

Cheers Zorg and Prinsessa really great advice and definitely giving me something else to try.

Prinsessa think I will try and do the mobile detection option so I can use what I currently have for desktop and then use the images for mobile. Will have to figure out how all that works.

Zorg thanks so much for going to the effort of putting up the mockup site. Been studying it and helping so much for me to play with so coming in really handy. Been way to many years since I've played with any webdesign so I think even your outdated knowledge is way more recent then mine Also should really help for the mobile version of the site.

Planning on playing with it this weekend and seeing what turns out.

[wirelessbrain55]

I'm glad you are still working on it. Best of luck.

[io3 creations]

I will try and do the mobile detection option so I can use what I currently have for desktop and then use the images for mobile. Will have to figure out how all that works.

Just a guess, but would adaptive webpage layout work for that? i.e. if the resolution is below a certain value then you show the mobile page and if above then the desktop version.

[Franklin's Ghost]

Thanks wirelessbrain55 always nice to hear and a great motivator.

Just a guess, but would adaptive webpage layout work for that? i.e. if the resolution is below a certain value then you show the mobile page and if above then the desktop version.

Thanks io3 creations for the advice, everyone has been so helpful in solving this issue and I'm going with that solution which seems to work the way I want and make it easier.

Thanks everyone again for your help with this, definitely make it all easier to solve for someone who doesn't have much website design experience.