Major progress was made today. It is great because I will be adding these changes to my clients site to make theirs better. The lessons learned here are:
1. Navigation shouldn’t take up your whole screen in tablet and in Mobile ‘views’.
2. Same goes for Quick Launch.
3. On a Tablet – content can be shown on the landing page, just need to make sure your columns respond nicely
4. 320px is the smallest smart phone screen width – Black Berry Curve
5. 320px is a bitch.
I am still working on Mobile View and the custom web part page for the landing page. But here we go, as promised. Currently time spent since “idea” – 28 hours
FULL SCREEN VIEW:
TABLET VIEW: 800px – 500px width
AND MOBILE VIEW: 499px – 320px width
Tags: Branding, CSS3, HTML5, Responsive, SharePoint Branding