Viewing Smart Phone Design
Smart Phone Design
|
User: Roddy 7 years ago
|
|
|
Creating a version of the site for smart phones has never really been satisfactory due to the fact that their screen sizes vary from about 320 x 568 px to 414 x 736 px. EverWeb recommends a width of 480px for this version of the site while I would tend to go with 370px which will give far better results when viewed in portrait mode. Using the the full width widgets and a wireframe page to lay out the objects before checking the full width boxes, a responsive design can be created for smart phones. In theory, a page content width of 320px should be used for older phones but 370px is a good compromise. The content will then be responsive on all phones whether in portrait or landscape mode. It may be an idea to to set the maximum width of items to a good bit less than the height of the largest iPhone (736px) to keep the layout under control. I am working on some addon widgets specifically for responsive smart phone designs. Some of these are header with slick nav, footer with link tabs for internal, external, phone, mail and back to the top links, lightbox wrap image, image album with text wrap and so on... I will create a tutorial in due course but, in the meantime, if any Full Width users have suggestions for specific widgets for the smart phone addons pack, I would be so grateful that they may get a complementary widget pack! ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
| Post Reply |
| You must login or signup to post. |