{"id":980,"date":"2013-06-11T12:52:14","date_gmt":"2013-06-11T11:52:14","guid":{"rendered":"http:\/\/blog.soton.ac.uk\/oneshare\/?p=980"},"modified":"2013-06-11T12:53:02","modified_gmt":"2013-06-11T11:53:02","slug":"student-dashboard-v0-1-responsive-design","status":"publish","type":"post","link":"https:\/\/blog.soton.ac.uk\/oneshare\/2013\/06\/11\/student-dashboard-v0-1-responsive-design\/","title":{"rendered":"Student Dashboard v0.1 responsive design"},"content":{"rendered":"

About a year ago I started a blog post on here about taking a completely unresponsive, non-mobile-friendly set of style sheets and making them responsive. I got a fair way in, and wrote about 1500 words describing my methodology. However, then the project ended, reports were due and there was no real time to carry on working on this.<\/p>\n

Over the past couple of months I’ve found a few spare moments to work on this again, and I am now happy that I have a suitable prototype stylesheet that does the University branded template from the full screen version (well the fixed 940px wide default), all the way through a fluid version in slightly smaller screens, to a responsive version that fits iPhone-sized screens.<\/p>\n

I just wanted to post these screenshots somewhere \ud83d\ude42 The “student” being viewed is a persona developed for testing purposes. Andy is not real!<\/p>\n

1024×768<\/h2>\n

\"\"<\/a><\/p>\n

iPad landscape<\/h2>\n

\"\"<\/a><\/p>\n

iPad portrait<\/h2>\n

\"\"<\/a><\/p>\n

iPhone landscape<\/h2>\n

\"\"<\/a><\/p>\n

iPhone portrait<\/h2>\n

\"\"<\/a><\/p>\n

What next?<\/h1>\n

Well there’s obviously more to do. This needs usability testing. It will be integrated with the real live system, and the whole service tested. I can even see a few issues with it already, which I’ll go away and fix soon \ud83d\ude42<\/p>\n

Feel free to post comments on what it looks like.<\/p>\n","protected":false},"excerpt":{"rendered":"

About a year ago I started a blog post on here about taking a completely unresponsive, non-mobile-friendly set of style sheets and making them responsive. I got a fair way in, and wrote about 1500 words describing my methodology. However, …<\/p>\n

Student Dashboard v0.1 responsive design<\/span> Read More »<\/a><\/p>\n","protected":false},"author":82342,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15428],"tags":[15410,4219,377881],"class_list":["post-980","post","type-post","status-publish","format-standard","hentry","category-student-dashboard","tag-studash","tag-mobile","tag-responsive"],"_links":{"self":[{"href":"https:\/\/blog.soton.ac.uk\/oneshare\/wp-json\/wp\/v2\/posts\/980","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.soton.ac.uk\/oneshare\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.soton.ac.uk\/oneshare\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/oneshare\/wp-json\/wp\/v2\/users\/82342"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/oneshare\/wp-json\/wp\/v2\/comments?post=980"}],"version-history":[{"count":2,"href":"https:\/\/blog.soton.ac.uk\/oneshare\/wp-json\/wp\/v2\/posts\/980\/revisions"}],"predecessor-version":[{"id":987,"href":"https:\/\/blog.soton.ac.uk\/oneshare\/wp-json\/wp\/v2\/posts\/980\/revisions\/987"}],"wp:attachment":[{"href":"https:\/\/blog.soton.ac.uk\/oneshare\/wp-json\/wp\/v2\/media?parent=980"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/oneshare\/wp-json\/wp\/v2\/categories?post=980"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/oneshare\/wp-json\/wp\/v2\/tags?post=980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}