[center]UPDATE : 14.10.2010[/center]
[center]UPDATE : 15.10.2010[/center]
[center]iPhone webapp /webpage template
v 1.0.1 alpha[/center]
[center][Blockierte Grafik: http://apfelportal.de/host/images/3thdw50qlyueywdzwj28.png] [Blockierte Grafik: http://apfelportal.de/host/images/f2j0ucskklklg0nbzgx0.png][/center]
iPhone 4 Simulation
[center][Blockierte Grafik: http://apfelportal.de/host/images/u9mxhj3zsprti24v27wm.png][/center]
DEMO Template: (mit dem iPhone öffnen)
lopeard.com/iphone
SOURCE CODE:
lopeard.com/iphone/downloads/sourcecode-15-10-2010.zip
Dieses Template soll zeigen wie man das iPhone UI mit PHP, HTML, CSS und JS erstellt.
Das Template zeigt eine Art Blog.
optimiert für iPhone 4 Retina Display
NEUOffline Modus für Webapps
WARUM?
-Um zu zeigen wie man eine Internetseite im iPhone-Stil schreibt
WAS IST ES?
-Eine vorgefertigte Internetseite im iPhone-Stil die perfekt angepasst werden kann
WAS KANN ES?
-"Noch" nicht viel. Derzeit ist es ein Blog den man per Code aktualisieren muss. (kein ContentManagement).
-es werden nur 2 images verwendet (grouped-table-background Streifen und das refresh zeichen)
-alle tabs und cells sowie der rest der grafik wird mit CSS ohne images gemacht
-perfekt für iPhone 4 Seiten
-Das Template kann als Webapp Vorlage genutzt werden.
-Offline Modus inklusive
-Vor allem wird hier gezeigt wie man iPhone-Internetseiten oder -Webapps selbst erstellen kann.
Info:
Navigation:
- 3 Tabs im Header (NEU mit active tabs)
-Refresh-Button
Webapp:
-auf dem Homescreen als Lesezeichen speichern
-alle links bleiben im app
-offline Modus NEU
Farben/Stile:
alles kann so angepasst werden wie erwünscht ist
Editierbarkeit:
hier besteht "TOTALE" Freiheit.
Orientation-change:
Im portrait und Landscape Modus verwendbar (passt sich an)
Vorraussetzungen:
HTML (wichtig)
CSS (Farben/styles ändern)
PHP (fortgeschrittenen Modus)
Gruß Greg
PS: Fragen werden gerne beantwortet.
...und denkt dran das ist eine alpha-version
Ich werde im Laufe der nächsten Woche mal eine Anleitung schreiben falls sowas interessiert.
[center]UPDATE : 15.10.2010[/center]
[center]iPhone webapp /webpage template
v 1.0.1 alpha[/center]
[center][Blockierte Grafik: http://apfelportal.de/host/images/3thdw50qlyueywdzwj28.png] [Blockierte Grafik: http://apfelportal.de/host/images/f2j0ucskklklg0nbzgx0.png][/center]
iPhone 4 Simulation
[center][Blockierte Grafik: http://apfelportal.de/host/images/u9mxhj3zsprti24v27wm.png][/center]
DEMO Template: (mit dem iPhone öffnen)
lopeard.com/iphone
SOURCE CODE:
lopeard.com/iphone/downloads/sourcecode-15-10-2010.zip
Dieses Template soll zeigen wie man das iPhone UI mit PHP, HTML, CSS und JS erstellt.
Das Template zeigt eine Art Blog.
optimiert für iPhone 4 Retina Display
NEUOffline Modus für Webapps
WARUM?
-Um zu zeigen wie man eine Internetseite im iPhone-Stil schreibt
WAS IST ES?
-Eine vorgefertigte Internetseite im iPhone-Stil die perfekt angepasst werden kann
WAS KANN ES?
-"Noch" nicht viel. Derzeit ist es ein Blog den man per Code aktualisieren muss. (kein ContentManagement).
-es werden nur 2 images verwendet (grouped-table-background Streifen und das refresh zeichen)
-alle tabs und cells sowie der rest der grafik wird mit CSS ohne images gemacht
-perfekt für iPhone 4 Seiten
-Das Template kann als Webapp Vorlage genutzt werden.
-Offline Modus inklusive
-Vor allem wird hier gezeigt wie man iPhone-Internetseiten oder -Webapps selbst erstellen kann.
Info:
Navigation:
- 3 Tabs im Header (NEU mit active tabs)
-Refresh-Button
Webapp:
-auf dem Homescreen als Lesezeichen speichern
-alle links bleiben im app
-offline Modus NEU
Farben/Stile:
alles kann so angepasst werden wie erwünscht ist
Editierbarkeit:
hier besteht "TOTALE" Freiheit.
Orientation-change:
Im portrait und Landscape Modus verwendbar (passt sich an)
Vorraussetzungen:
HTML (wichtig)
CSS (Farben/styles ändern)
PHP (fortgeschrittenen Modus)
Gruß Greg
PS: Fragen werden gerne beantwortet.
...und denkt dran das ist eine alpha-version
Ich werde im Laufe der nächsten Woche mal eine Anleitung schreiben falls sowas interessiert.