Webseite mit CSS iPhone optimieren

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/

Osx Bluescreen Tipps und Hilfe

Wenn beim booten von OSX ein Bluescreen erscheint ist das keine Windows Krankheit, sondern ein mittlerweile bei OSX häufiger vorkommendes Probem.

Als Lösungen kommen mehrere Ansätze in Frage:

1) Kommandozeile nutzen und „Applikation enhancement Software“ löschen

  • Single User starten: beim booten Steuerung+S (Crtl+S) gedrückt lassen
  • In der Shell eingeben:
    • /sbin/fsck -fy
    • /sbin/mount -uw /
    • rm -rf /System/Library/SystemConfiguration/ApplicationEnhancer.bundle
    • reboot
  • Nach dem Reboot sollte alles wie gewohnt funktionieren

2) Leopard neu installieren

After completing an upgrade installation of Leopard and restarting the computer, a “blue screen” may appear for an extended period of time.

Dieses Problem tritt bei der Installation vom aktuellen Apple Betriebssystem Leopard auf. Apple selbst hat dazu ein Supportdokument erarbeitet.

3) Rechte reparieren

  • OSX Installations DVD einlegen
  • Installation beenden und Festplattendiagnose starten
  • Rechte überprüfen & reparieren
  • Reboot

4) Kommandozeile nutzen und Festplatte überprüfen

  • Single User starten: beim booten Steuerung+S (Crtl+S) gedrückt lassen
  • In der Shell eingeben:
    • fsck -yf
    • reboot

Apple OSX Screenshot

Von Windows Systemen ist man das drücken der „Drucken“- oder „print“-Taste gewöhnt, um dann den aufgenommenen Ausschnitt in ein Grafikprogramm einzufügen.

Bei OSX, dem Apple Betriebssystem wird dieses etwas anders gehandhabt.

Dabei gibt es einmal die Möglichkeit, den ganzen Bildschirm (screen) aufzunehmen, oder eine freie Auswahl zu treffen.

Die Shortcurts hierzu sind:

apfel+shift+3 (Fullscreen)
apfel+schift+4 (eigene Auswahl/Bildausschnitt)

Dabei wird jeweils ein neues Bild erzeugt, welches auf dem Desktop abgelegt wird und mit Bild1, Bild2 … BildX benannt ist.

Diese abgelegten Bilder können dann mit Grafiksorftwareprodukten wie Photoshop oder Gimp bearbeitet werden oder dem Netz bereitgestellt werden.

Kein aktivierbares Dateisystem Fehler 254

Wer versucht, bei Apples Betriebssystem OSX von einem .dmg Image wiederherzustellen kann auf folgende Fehler stoßen:

Kein aktivierbares Dateisystem

bzw.

Fehler 254

Der eine Fehler tritt auf, wenn man das .dmg Image öffenen will, obwohl es auf einer USB Platte liegt, der andere Fehler kommt beim Versuch, das Image auf eine Partition zu mounten.

Eine Internetrecherche bringt hierzu keinerlei hilfreicher Ergebnisse. Eine mögliche Ursache dürfte wohl eine Beschädigung des Images sein, eine Reparatur ist sehr aufwendig.

Sinnvoll ist es aber allemal, sich ein Image der Installations DVD zu erstellen, da die Geschwindigkeit der Installation dadurch deutlich erhöht wird.

OSX Tastenkürzel

Hier ein paar wichtige Shortcuts für das Apple Betriebssystem OSX

Strg = Befehlstaste = Crtl

Alt = Wähltaste = Optionstaste

PRAM / NVRAM zurücksetzen – Strg/Apfel + ALT + P + R bei Booten gedrückt halten

Von CD Booten – C beim Booten drücken

Bootoptionen anzeigen – Shift beim Booten gedrückt halten

OSX Start forcieren – X beim Booten drücken

Andere Bootoption suchen – Option + Strg/Apfel + Shift + Delete beim Booten

Verbose Mode booten – Strg/Apfel + V beim Booten drücken

Single User Mode booten – Strg/Apfel + S beim Booten drücken

Sofortiger Logout – Shirt + Alt/Option + Strg/Apfel + Q drücken

Zoom In – Alt/Option + Strg/Apfel + „+“ drücken

Zoom Out – Alt/Option + Strg/Apfel + „-“ drücken

Force Quit –  Alt/Option + Strg/Apfel + ESC drücken

Shutdown Dialog – Strg/Apfel + Eject Taste drücken

Reboot – Strg/Apfel + Alt/Option + Eject Taste drücken

Apple Quicktime Fullscreen

Der Apple Quicktime Player erfreut sich immer größerer Beliebtheit, doch Nutzer des offenen Players VLC sind es gewohnt, per Doppelklick den Vollbildmodus zu erhalten.
Bei Quicktime erreicht man damit jedoch nur ein Pausieren respektive Fortsetzen der Wiedergabe.

Früher war es bei Quicktime der Pro Version vorbehalten, Filme im Vollbild zu genießen, bestenfalls per Applescript lies sich diese Beschränkung übergehen. In den aktuellen Versionen ist diese Beschränkung jedoch nicht mehr gegeben.

Nichts desto trotz versteckt sich die Vollbildwiedergabe etwas im Menükontext, bzw hinter einer Tastekombination.

Wenn eine Wiedergabe gestartet wurde, kann mittels Apfel (CMD) + F in die Vollansicht gewechselt werden, die Verkleinerung ist mit eben dieser Kombination auch möglich.

Im Kontextmenü versteckt sich die Funktion hinter dem Thesaurus „Wiedergabemodus wechseln“.