Knut Helge Risheim » iphone http://knuthelge.no Ett nettsted. En blogg. Sun, 25 Sep 2011 18:09:00 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Mobilside for Øyafestivalen http://knuthelge.no/2010/07/mobilside-for-%c3%b8yafestivalen/ http://knuthelge.no/2010/07/mobilside-for-%c3%b8yafestivalen/#comments Tue, 20 Jul 2010 10:10:12 +0000 Knut Helge http://knuthelge.no/?p=599 Etter gode tilbakemeldinger på mobilsiden jeg lagde for Slottsfjellfestivalen, og en forespørsel fra Kenneth på Twitter, har jeg laget en mobilside for Øyafestivalens program. Og, om jeg tør si det selv, denne gangen ble den 1000 ganger bedre!

Denne gangen har jeg konsentrert meg om smartphones (spesielt iPhone og iPad), slik at jeg kan leke litt mer med UI. Én av endringene er at jeg denne gangen benytter meg av Ajax gjennom jQuery UIs tabs-funksjon:

$(‘#tabs’).tabs();

Ved å bruke Ajax kan brukerne også bruke siden som en web-app på Hjem-skjermene sine i iOS. (Bruker man vanlige linker sendes brukerne til Safari-appen.) Og, siden ser «smoothere» ut uten Safari-UI-et.

Øyafestivalen – mobilside Øyafestivalen – mobilside

Jeg har i tillegg benyttet meg av enhetsspesifisert CSS. Med andre ord; forskjellige CSS til forskjellige skjermstørrelser. Det vil si at iPhone-brukere får servert en mindre versjon enn det iPad- og desktop-brukere får. Denne funksjonen er implementert slik:

<link rel=”stylesheet” href=”style.css” type=”html/text” />
<!– Vanlig CSS som gjelder alle enheter –>

<link rel=”stylesheet” media=”screen and (max-device-width: 320px)” href=”320px.css” />
<!– CSS for enheter med mindre vidde enn 320px –>

<link rel=”stylesheet” media=”screen and (min-device-width: 321px)” href=”640px.css” />
<!– CSS for enheter med større vidde enn 321px –>

Øyafestivalen – mobilside (iPad)
Takk til Oddne for skjermbilde fra iPad!

Så, hva syns dere?

Oppdatert 22. juli 2010 18:04:
Etter tilbakemeldinger fra «Aaaaaa» (et akronym?) har jeg justert opp maksvidden (max-device-width) for å tilpasse mobiler med større oppløsning enn 320px, noe som vel i grunnen også gjelder iPhone 4. Siden jeg selv ikke har tilgang til all verdens mobiltelefoner, tar jeg gjerne imot tilbakemeldinger på hvordan siden oppfører seg på andre modeller!

En annen ting som også er lagt til er offline-funksjon for nettlesere som støtter HTML 5 Manifest. Det vil i praksis si alle iPhone-er, iPod Touch-er og iPad-er (og sikkert Android-er da dette er Google[?]). Enjoy!

]]> http://knuthelge.no/2010/07/mobilside-for-%c3%b8yafestivalen/feed/ 9 Mobilsider for Slottsfjell 2010 http://knuthelge.no/2010/07/mobilsider-for-slottsfjell-2010/ http://knuthelge.no/2010/07/mobilsider-for-slottsfjell-2010/#comments Thu, 15 Jul 2010 18:03:01 +0000 Knut Helge http://knuthelge.no/?p=588 Jeg er en av de «heldige» som skal på Slottsfjell-festivalen i år. Og selv om jeg bare skal dit på fredag lette jeg etter noen mobilvennlige sider på festivalens nettsider. Disse eksisterte dessverre ikke (noe jeg tror er gjennomgående på de norske festivalene), så jeg bestemte meg like så godt for å lage noen selv.

Sidene er hovedsakelig laget for iPhone (siden div. eldre Sony Ericssons etc. ikke støtter css), og viser programmet og linker til kartet for festivalområdet.
Hvad tycks?

Mobilsidene for Slottsfjell-festivalen finner du her.

Slottsfjell 2010 Mobil Slottsfjell 2010 Mobil

]]> http://knuthelge.no/2010/07/mobilsider-for-slottsfjell-2010/feed/ 1 Knuthelge.no på iPhone http://knuthelge.no/2010/01/knuthelge-no-pa-iphone/ http://knuthelge.no/2010/01/knuthelge-no-pa-iphone/#comments Sat, 16 Jan 2010 11:02:01 +0000 Knut Helge http://knuthelge.no/?p=463 Da har jeg gjort noe for første gang. Jeg har laget et WordPress-template kun for iPhone!

Det er fortsatt en del småting som står igjen (f.eks. kommentarsystemet), men det kommer jeg til å leke meg med utover våren.

For å sjekke det ut kan du gå inn på nettsiden med en iPhone eller iPod Touch, eller du kan sjekke bildene under :)

]]> http://knuthelge.no/2010/01/knuthelge-no-pa-iphone/feed/ 0