okay so this is actually MKII version of the mobile site. i was so excited by it i forgot to save some development pics. but yeah its viewed vertical (as the main site kinda worked well horizontal) because it will be easy to navigate. i think. it also means when the iphone is horizontal everything will be zoomed in, so you can look at things in more detail. this is the plan anyway.
so basiclly it was made in the same way the computer site was, using CSS and setting a container to 320*440 as this is iphone screen size. the res was still 72 as its still the interwebs. the logo and headings fitted in quite well, i made them large so theey are easy to click on as there is nothing worse than having to zoom to click a link. i made them thumbsized :) which is actually the same pixel size they were on the computer site. i added the view standard site at th bottom as there is nothing more annoying than being forced to see a website when you want to see another.
an intresting bit of script i came across was
<meta name=”viewport” content=”width=320” />
this made the iPhone zoom in automatically to the correct size. this was added in the head tags. very clever. the code to make the phone automatically redirect on the other hand is more confusin so ill have to look more into that.
music ‘Against Me - Searching for a Former Clarity’