Schlagwort-Archive: iPhone

Zattoo kommt als Browser-Version

Veröffentlicht am von
Antworten
Zattoo Logo

Zattoo Logo

Kein Softwaredownload mehr nötig: Zattoo-Player kommt als Browser-Version wird im Basic Thinking Blog berichtet. Eine sehr gute Sache, die man gespannt weiter verfolgen sollte, Zattoo bietet bissher eine freie TV-Software für verschiedene Plattformen.

Webstream fehlt bissher jedoch, was ein Sender wie ZDF durch die Mediathek versucht, ist für Nutzer jedoch nicht so spannend wie eine Möglichkeit, verschiedene Sender per Web schauen zu können. Genau in diese Nische wird Zattoo in Zukunft stoßen.

Der Nachteil einer Browser Lösung liegt auf der Hand: Performance. Ein Browser hat nicht die Möglichkeiten in Bezug auf Leistungsfähigkeit mit eigenständige Software zu konkurrieren.

Neue Nutzer sind jedoch ein großer Anreiz, diesen Schritt zu gehen, Streaming auf mobile Endgeräte wie iPhone, Android und Co versprechen neue Kunden. Denn im Endeffekt will Zattoo mit dem Service das gleiche Ergebnis wie jedes StartUp: Umsatz und Rendite. Werbung ist hier der Schlüssel zum Erfolg, vor jedem Senderwechsel wird von Zattoo ein kleiner Werbeblock eingeblendet.

Webseite mit CSS iPhone optimieren

Veröffentlicht am von
3

Webseiten werden mit modernen Handhelds / Smartphones immer besser und kompfortabler. Die Displaygröße bringt es jedoch mit sich, eine Webseite anzupassen. Vorbilder wie die mobile Spiegel Online Seite machen es vor. Wie kann man aber die eigene Seite dahin optimieren?

Grundlage sollte eine tabellenfreie Struktur sein, d.h. nur div Konstrukte verwenden.

Die Positionierung und Gestaltung der Informationen geschieht also über eine externe CSS Datei.

Als Beispiel kann oneclickbutton.de genutzt werden. Alle sichtbaren Boxen sind <div> Einheiten, welche über eine style.css Datei positioniert werden.

Für Handheld- / iPhone-Geräte wird nun eine handheld.css Datei angelegt. Dort wird die Breite der anzuzeigenden Informationen auf 300 begrenzt. Somit ist noch Platz für 10 px Rand auf der linken Seite.

Nicht wirklich brauchbare Informationen werden über visibility: hidden; ausgeblendet.

Als letzter Schritt wird in der index.php File die Zeilen:

<link rel=“stylesheet“ media=“only screen and (max-device-width: 480px)“ href=“handheld.css“ type=“text/css“ />


<link rel=“stylesheet“ type=“text/css“ href=“handheld.css“ media=“handheld“/>


<meta name=“viewport“ content=“width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;“/>

eingefügt.

Damit wird dem Benutzer das zoomen deaktiviert, ist durch die Anpassung auch nicht mehr nötig. Andere Handheld Geräte werden ebenso die handheld.css nutzen, sofern sie sich als media=“handheld“ zu erkennen geben.

Eine solche Anpassung bedarf bei sauberem CSS Layout maximal eine Stunde und hat eine weitere Zielgruppe an Nutzern zur Folge.

Weiterführende Links zum Thema:

http://developer.apple.com/webapps/

http://www.frogg.ch/2008/03/10/website-optimieren-fur-iphone/

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

http://aktuell.de.selfhtml.org/artikel/css/mobile-endgeraete/

iPhone wordpress

Veröffentlicht am von
Antworten

Soeben wurde die blog-Software auf den aktuellsten wordpress stand 2.62 gehoben. Dieses längst fällige update bringt vor allem in der verwaltung einige praktische neuerungen von denen der Leser nichts zu sehen bekommt. Natürlich würden auch sicherheitsuecken geschlossen.

Ein weiterer Grund für die neue version ist die unterstuetzung für das iPhone. Damit ist es möglich,direkt per edge oder umts Artikel von überall zu verfassen und Bilder über die eingebaute Kamera zu veröffentlichen.
Das gezeigte Bildschirm Abbild zeigt das Interface zum erstellen von beiträgen.

Natürlich ist auch die Darstellung für Leser über das iPhone optimal.