' fill='%23cc3344'%3E%3C/rect%3E%3Cdefs id='SvgjsDefs1020'%3E%3C/defs%3E%3Cg id='SvgjsG1021' transform='matrix(0.76,0,0,0.76,34.56007507324219,34.46596069335938)'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:svgjs='http://svgjs.com/svgjs' xmlns:xlink='http://www.w3.org/1999/xlink' width='288' height='288'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='288' height='288' viewBox='0 0 130 147'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M 83.4 144.4 L 23.4 144.4 Q 10.8 144.4 3.2 146.6 Q 0 141.2 0 140.8 L 89 15 L 49.4 15 Q 33 15 27.8 20 Q 24.013 23.246 21.202 36.898 A 142.712 142.712 0 0 0 20.6 40 L 10 40.4 Q 8.2 31.2 8.2 19.5 A 94.37 94.37 0 0 1 8.531 11.353 Q 9.091 4.905 10.6 0 Q 18.8 2.4 27.8 2.4 L 108.2 2.4 Q 117.4 2.4 125.8 0 Q 128.4 5 128.4 6 A 5611.954 5611.954 0 0 0 91.109 58.073 Q 74.218 81.962 59.427 103.501 A 3201.989 3201.989 0 0 0 49.8 117.6 A 588.119 588.119 0 0 0 47.447 121.226 Q 42.775 128.488 41.8 130.6 L 100.6 130.6 Q 108.2 130.6 111.9 124.5 A 24.133 24.133 0 0 0 113.831 120.381 Q 116.106 114.238 117.4 103.6 L 128.8 102.2 A 230.301 230.301 0 0 1 129.958 120.847 A 205.854 205.854 0 0 1 130 125 A 105.533 105.533 0 0 1 129.367 136.805 A 83.52 83.52 0 0 1 128 145.2 Q 108 144.4 83.4 144.4 Z' class='color100000 svgShape color00b0f0' vector-effect='non-scaling-stroke'%3E%3C/path%3E%3C/svg%3E%3C/svg%3E%3C/g%3E%3C/svg%3E "zaplog")
ZapLog nu ook ‘mobile’: zaplog.nl/m
Zappers, ik heb even snel een mobiele versie van het ZapLog in elkaar gehacked. Deze kun je vinden op:
Verwacht (nog) even geen hoogstandjes, het is de eerste mobiele site die ik ooit gemaakt hebt en ik heb er niet heel erg veel tijd in gestoken. Eigenlijk gewoon slechts een paar uurtjes net. Op mijn iPhone4 (Safari mobile browser) en HTC Desire (Dolphin HD browser) werkt de site echter prima.
De site heeft niet volle functionaliteit. Er is ook niet de normale voorpagina, maar de 'instroompagina' zoals leden die al kennen. Reageren op artikelen, is ook nog niet mogelijk. Voordat ik er aan doorga, wacht ik eerst even jullie klachten / feedback / lofzang af in de comments. Als je zaken meldt, vermeld dan ook even het type van je telefoon.
De site doet niet aan automatische herkenning / keuze van devices, dat vind ik zelf heel irritant, bv. op de iPad wil ik soms wel eens de mobiele versie én de normale versie van een site naast elkaar gebruiken.
eerste opmerking: de topbalk wrapped op de iphone (minder left/right padding/margin)
Onderweg het nieuws lezen en dan kan je daarna eventueel thuis achter de laptop reageren. Mobiele webpages moeten simpel, doeltreffend en snel zijn.
Ultieme stap zou een app zijn... maar ja, zal Apple die ooit accepteren? ;)
Nee, je hebt niet op een artikel geklikt. De homepage is de instroompagina, je hebt denk ik op een "laatste reactie" geklikt.
Ik vermoed dat Patman eerst de FP geprobeerd heeft en dat hij dat niet op zijn iphone kon krijgen. Het probleem me de FP voor mobieltjes zijn de grote aantal grote plaatjes. Op de desktop merk je dat niet omdat ze door de css klein gemaakt worden.
Ik heb net met YSlow (FF extentie in firebug) de FP gecheckt en die zegt dat de totale FP 1.5 MB groot is, dat is dus veel te veel voor een mobieltje en dit wordt daarbovenop niet eens gecachet. Bij de FP voor mibiel moeten de platjes dus uitgezet worden.
Om zelf te spelen met een emulator voor brakke mobieltjes
http://mtld.mobi/emulator.php
Hier valt mij op dat de padding wel erg veel witruimte creëert.
Emulator voor opera mini:
http://www.opera.com/mobile/demo/
Hier valt mij op hetzelfde padding probleem op, maar ook valt mij op dat de text-align: justify voor div.entry de zaak niet lekker leesbaar maakt.
Voor wat moderne emulatoren:
http://www.mobilephoneemulator.com/
Dit is echter nogal een kutsite en je kunt alleen de rendering checken zonder de buttens te gebruiken. We goed om een eerste indruk te krijgen.
FP is geen enkel probleem, ik vond deze pagina cooler.
De grootte van die FP komt door de ge-embedde plaatjes, daar kan ik helaas niets aan veranderen, daar zouden jullie op moeten letten als je plaatjes toevoegt aan de artikelen.
Waarom is app ultiem? Voor het ZapLog is een HTML5 site het meeste geschikt, kijk maar naar Youtube, Facebook, Dropbox enz. Die websites zijn vrijwel net zo goed en mooi als hun apps.
Apps zijn alleen handig als je ook sensoren enzo gebruikt. In het algemeen gesproken. Websites hebben als voordeel dat ze cross-platform zijn.
Ik gok met de Zap-mobiele site eerst even op de high-end mobieltjes zoals Galaxy, HTC, droids, iPony enz. Met grote schermen.
Hm..... das een lastige... nadeel van het succes van de iPhone vind ik dat Apple mainstream is geworden, maar dat is off topic natuurlijk ;)
Zal 't proberen op m'n BlackBerry.