Can anybody make video tutorial of how to make website optimized only for smartphones?
Describe what resolution to use etc...
Printable View
Can anybody make video tutorial of how to make website optimized only for smartphones?
Describe what resolution to use etc...
For mobile phones, simplify the content, and reduce the amount of photos, especially large photos. Make your text and buttons larger. If you select Retina (hi def) images in Website Properties > Website, then Xara will export images at 96dpi for desktop browsers and 192dpi (hi def) for mobile devices.
Also, open a template that has a mobile variant and study it. All of the parameters are there.
The default 480 pixel width works fine for me :)
I see that new smartphones support higher resolution so I was not sure if it is safe to go with higher resolution... ?
Yes. You create a larger site what will work for both mobile phones and tablets.
Though 480px should work fine.
Xara can also export Hi-Res images if you have Retina checked in the Web Properties.
No, not automatically. It creates a copy of the desktop site with a smaller screen width. For example your desktop variant may be 960 px wide, and the mobile variant is only 480 px wide. You then need to manually shrink the page content within the mobile variant to fit the smaller 480 px sized page. Not as complicated as it seems.Quote:
So does new Xara automatically adjust site to be for both smarphones and PC or there is something I should adjust to enable that feature?
The big advantage is that if you change content in the desktop variant, it's automatically altered within the mobile variant.
If it's not desperate, hold on for the next release ;)