Gesten wurde bekannt, dass nun auch Vimeo seinen Content in HTML5 bereitstellt und somit seinen Konsumenten die Verwendung des iPads erlaubt. Die Embedd-Funktion ermöglicht das Einbinden der Videos in die eigene Website über einen iframe. Dieser erkennt den Browser und schaltet zwischen Flash und HTML5 um. Das Probevideo in diesem Post ist sowohl mit dem Browser (dann Flash) oder dem iPad (HTML5) zu betrachten. (weiterlesen…)

Anbei stelle ich fünf CSS basierte Layouts zur freien Verfügung, die während meiner Wordpress-Experimentierphase zum docblogmac entstanden sind. Daher sind sie speziell auf Wordpress-Blogs ausgerichtet. (weiterlesen…)

Da ich die Entwicklung meiner Seiten in iWeb wegen Umstieg auf Wordpress eingestellt habe, werde ich auch keine weiteren Artikel mehr zu Apples beliebten Webdesign-Tool schreiben. Es gibt ein Vielzahl von wirklich exzellenten Seiten zu iWeb-Tips & Tricks. Beispiele: iWeb-Hilfe oder Didis Blog (von Dietmar Schönwandt). Dieser bringt sogar ab und an ein iWeb-Magazin heraus, in dem viel Arbeit und Einsatz steckt.  Sollten sich mir aus irgendwelchen bisher unbekannten Gründen weitere Herausforderungen im Umfeld von iWeb stellen, werde ich das Thema wieder aufgreifen.

Nachdem die ersten beiden Teile einige Grundlagen zu den Themen “wie gestalte ich ein Layout” und “wie bringe ich Inhalte und Funktionen in meinen WP-Blog” aufgezeigt haben, möchte ich nun schrittweise die Erstellung eines echten Themes erläutern. Dieses sollte am Ende des Tages zumindest so gut aussehen, dass die Veröffentlichung nicht gänzlich peinlich ist. Bevor der neue Blog hinsichtlich Layout und Grafik aufgepeppt wird, sollte man sich zuerst einige grundlegende Gedanken zum Aufbau machen. Die in Teil 1 und Teil 2 beschriebenen Strukturen sind zwar berechtigt aber für die Entwicklung nicht unbedingt optimal. (weiterlesen…)

In Vorbereitung auf das iPad hat Apple eine Information zur Gestaltung von iPad-gerechten Webseiten veröffentlicht. Primär zielt dies auf folgende Umfänge:

1. Plug-ins: die Botschaft ist ganz klar: vermeide Plug-ins. iPad-Safari versteht HTML5 und erlaubt somit auf diesem Wege das Einbinden von Medien.
2. Definition der Ansichtsgröße (viewports). Fest definierte Breiten führen zu unbequemen Zoomen und Multitouch-gesten nach dem ersten Öffnen.
3. CSS-Elemente mit fester (fixed) Position. Diese können aufgrund des nicht skalierbaren Browserfensters im iPad ausserhalb der Ansicht landen und auch durch schieben und scrollen nicht erreicht werden. (weiterlesen…)