Kommentare zu: Websites für das iPhone erstellen und optimieren

Von: speter

speter — Tue, 17 Jan 2012 14:41:53 +0000

Danke für den Artikel. Eine Frage noch, kann man bei einer Website für mobile Geräte verhindern, dass sich die Website beim Drehen des Gerätes mit dreht?
Danke für Feedback.

Von: nanoware webdesign

nanoware webdesign — Wed, 31 Aug 2011 17:21:49 +0000

@Jonas: Stimmt. Diese Touch Funktionalität ist aktuell extrem gefragt. Kunden interessieren sich sich dafür. Ich bin nur gespannt bis endlich der “Sättigungseffekt” vom vielen Wischen erreicht ist und man wieder einfach nur “klickt und lädt” :-)

Der Artikel ist aber trotz des stattlichen Alters noch immer ideal als angenehme Einleitung in die Thematik. Danke fürs Verfassen.

Von: Jonas Hellwig

Jonas Hellwig — Wed, 05 Jan 2011 14:30:58 +0000

@Christine: Moderne Handys und Smartphones melden sich als “Computer” bei einer Website an. Das heisst es wird nicht das media-attribut “handheld” angesprochen.
Über Media-Queries kann man die Abmessungen des Ausgabebildschirms abfragen und dann – je nach größe des Displays – eine andere CSS-Datei zur Gestaltung der Website laden. Dabei würde ich mich dann auf die üblichen Verdächtigen (iPhone, Blackberry, Android, Windows Phone etc.) beschränken die alle einen ähnlich großen Bildschirm haben.
Wenn man es besonders schick machen will kann man jQuery UI bzw. jQuery Touch verwenden um auch Touch-Funktionalität einzubauen.

Von: Christine Wenmakers

Christine Wenmakers — Wed, 05 Jan 2011 10:41:01 +0000

Hallo, ich bin technisch nicht in der Materie, aber möchte die Inhalte einer Internet-Seite auch auf dem Handy sichtbar, bzw. lesbar machen. Ist es sinnvoll, alles neu zu programmieren (und damit zu optimieren) oder muss man dazu ein APP erstellen? Und was kostet das? Danke für eure Hilfe.

Von: Online-Marketing Tom

Online-Marketing Tom — Thu, 02 Dec 2010 09:56:47 +0000

Das ist ein super Artikel und auch gute Tipps. Aber es geht auch einfacher … programmiert gleich Seiten, die aufs iPhone und aufs iPad passen. Ich mamch das nur noch so. Aber für alle anderen sind diese Tipps bestimmt sehr interessant.

Von: seofieber.de - SEOFIEBER

seofieber.de - SEOFIEBER — Wed, 20 Oct 2010 21:02:22 +0000

[...] blog | Webdesign-News aus der digitalen Kreativ-Szene von heute (http://www.kulturbanause.de/2008/09/websites-fur-das-iphone-erstellen-und-optimieren/) Internetbeiträge zum Thema SEOoptimierung ← [S] Texter für Energieseite – [...]

Von: Martin Tien

Martin Tien — Wed, 14 Apr 2010 20:41:20 +0000

Liebe gruesse aus Bayern. Wriklich schicker und vorallem Informativer Blog. Weiter so! :-)

Von: Internet Briefing Blog / Wochenendsurf-Tour

Internet Briefing Blog / Wochenendsurf-Tour — Sun, 07 Mar 2010 10:19:17 +0000

[...] man seine Website für das iPhone vorbereitet und eine gute Seite auf Deutsch dafür + noch eine. Brilliant-web-design-tutorials und dazu 25 neue [...]

Von: Chris

Chris — Mon, 15 Feb 2010 18:38:42 +0000

Hallo leute,
ich spiel mich zur Zeit auch ein wenig mit der Thematik, hab allerdings noch ein paar kleine Probleme. Wie oben schon beschrieben lädt das iphone die vorhergehenden Styles mit. Kann ich das nicht irgendwie unterbinden? z.b zieht es mir die ganzen float Befehle mit und formatiert den iphone.css doch anders als ich es eigenltich will. So wie es aussieht ergänzt es die iphone.css so das die fehlenden Befehle wieder aus der Screen.css gezogen werden und doch ähnlich gestaltet werden.

Beispiel:

***screen.css ***

#header {
width: 989px;
height: 194px;
background-image:url(header.jpg);
margin-top:10px;
background-color:#F60;
}

***iphone.css ***

#header {
width: 200px;
height: 20px;
margin-top:10px;
background-color:#F60;
}

In diesem Fall werden zwar die Maße geändert da sie anscheinend überschrieben werden die fehlende Backgroundgrafik wird allerdings ergänzt.

Vielleicht weis bei euch jemand Rat (-;

Gruß Chris

Von: wirtuell.net | der software blog » Website für iPhone optimieren

wirtuell.net | der software blog » Website für iPhone optimieren — Thu, 04 Feb 2010 11:47:47 +0000

[...] http://www.kulturbanause.de/2008/09/websites-fur-das-iphone-erstellen-und-optimieren/ [...]

Von: Jonas

Jonas — Tue, 19 Jan 2010 22:32:07 +0000

@phone mac: Link?

Von: phone mac

phone mac — Tue, 19 Jan 2010 22:25:42 +0000

hallo zusammen
mehr oder weniger klappt das mit der darstellung, dennoch: ich habe immer einen lästigen weissen rand rechts, das heisst, selbst wenn ich die tabelle 100% breit mache, hat es rechts noch einen weissen rest. beim starten ist das dargestellte schön platziert, wenn man aber nach links scrollt, verschwindet ein teil des inhaltes unter dem linken rand. ich weiss nicht mehr, wo ich dieses wackeln nach links und rechts wegbekomme. wo stelle ich noch ein? (unten: meine angewendeten codes) um tipps wäre ich froh.

Von: mario

mario — Tue, 30 Jun 2009 09:34:47 +0000

sehr hilfreicher artikel…danke! :)

Von: Jonas

Jonas — Thu, 21 May 2009 14:03:12 +0000

@Lukas: Du kannst natürlich mit PHP oder htaccess (soweit ich weiss) eine Umleitung einrichten, dass für mobile Endgeräte eine andere Seite angesurft wird. Das ist aber hier nicht das Thema. Es geht doch gerade darum mit CSS die Seite für verschiedene Endgeräte zu optimieren.

Von: Lukas

Lukas — Thu, 21 May 2009 10:48:23 +0000

Hallo
Danke für Deinen tollen Beitrag. Da Du auch WordPress nutzt, habe ich eine Frage.
Ich habe auf meinem Blog ein Stardart-Theme und jetzt auch ein iPhone-Theme erstellt. Leider Blicke ich nicht durch, wie ich das ganze Theme bei einem iPhone-Abruf ändern kann. Bei Deiner Anleitung wird ja “nur” das CSS gewechselt. Oder braucht es dafür extra ein Plugin?

Von: Iphone Template - JTL-Software Supportforum für JTL-Wawi, JTL-Shop 2, eazyAuction und Connectoren

Tue, 28 Apr 2009 13:00:39 +0000

[...] für die Webseiten-Optimierung füs’s IPhone. Und diese Seite finde ich auch ganz Klasse!!!! –> CSS Media Attribut zur Ansprache von mobilen Endgeräten < — Normalerweise wird Handys, PDAs, Smartphones etc. mittels dem media=handheld-Attribut [...]

Von: Jonas

Jonas — Thu, 09 Apr 2009 18:14:46 +0000

@Dani: Besten Dank für deine E-Mail. Ich habe den Link zur Apple-PDF wiederbelebt.

Von: Knut Habicht

Knut Habicht — Fri, 03 Apr 2009 10:49:15 +0000

Hi Jonas,

ich habe gerade Deine Seite entdeckt und dass Du ja hier gleich „um die Ecke“ tätig bist. Danke für Deinen hilfreichen Artikel.

Hättest Du auch einen Tipp, wie man nicht nur das css anspricht, sondern auch noch andere Seiten für die iPhones dieser Welt ansprechen kann?

Gruß vom Knut

Von: Dani

Dani — Thu, 02 Apr 2009 10:17:52 +0000

Hallo zusammen
ist es möglich, in einem Formular in einem E-Mailtextfeld das iPhone anzuweisen, dass es die Tastatur für E-Mail-Eingaben anzeigt? Wie wenn ich in einem E-Mail die Mailadresse eintrage, wird eine Tastatur angezeigt, wo @ und . schon unter den Buchstaben angezeigt wird.
PS: Der Link zu dem Apple-PDF zum Thema iPhone-Optimierung ist nicht mehr aktuell. Habe den neuen leider nicht gefunden…
Gruss Dani

Von: Jonas

Jonas — Tue, 17 Mar 2009 17:07:41 +0000

@Andy: Ich hab das grad mal mit dem GoogleMaps-iFrame getestet. Der funktioniert. Sollte also generell kein Problem sein.

Von: Andy

Andy — Tue, 17 Mar 2009 15:26:36 +0000

hey habe da mal ne frage bin grade auch dabei eine webseite fürs iphone zu optimieren
wie ist das denn mit iframes kann der browser vom iphone diese darstellen ?

Von: Alexander Jäger» Blogarchiv » Webseite mit CSS iPhone optimieren

Alexander Jäger» Blogarchiv » Webseite mit CSS iPhone optimieren — Mon, 08 Dec 2008 22:32:20 +0000

[...] http://www.kulturbanause.de/?p=204 [...]

Von: laufmasche

laufmasche — Mon, 01 Dec 2008 13:02:14 +0000

Hi,
Artikel hat weitergeholfen – super gut erklärt, jetzt kann es ja losgehen mit der Optimierung für´s iphone. Noch keine Fragen, Anregungen, Kritiken – aber die kommen sicherlich. – Gruß Laufmasche -

Von: State of the art oder Ego-Trip? - Kulturbanause

State of the art oder Ego-Trip? - Kulturbanause — Wed, 22 Oct 2008 20:50:42 +0000

[...] handelte es sich lediglich um einzelne Artikel. Nun habe ich vor kurzem einen Post über die iPhone-Optimierung von Websites verfasst und im selben Atemzug meine Seite entsprechend umgebaut (nein ich bin noch nicht fertig [...]

Von: Beat

Beat — Tue, 21 Oct 2008 14:56:10 +0000

Hallo Jonas. Vielen Dank für die Hilfe. Anhand deines Beispiels unter Kontakt konnte ich meine Seite “debuggen”.

Die Adressdaten in meiner Datenbank waren in Latin-1 gespeichert. Diese muss ich jeweils in utf8 umwandeln, damit das iPhone diese in der Google-Maps-Applikation öffnet. Für Google-Maps benutze ich nur den Parameter “q”, alle anderen sind nicht unbedingt notwendig.

Kurz in PHP:
Adresse: (,+Switzerland”>Google Maps)