Kategorien
Webentwicklung

CSS-Content-Eigenschaften

Man lernt ja nie aus: “open-quote” und “close-quote” sind valide Werte für die CSS-Eigenschaft “content” und zeigen an dieser Stelle dann typografisch korrekte Anführungszeichen. Wunderbare Eigenschaft zum Stylen von quotes und blockquotes, finde ich.

CSS content • Inhalte mit CSS generieren

Kategorien
Allgemein Webentwicklung Werkzeuge

Das Ding mit dem m.

OpenCliptart by agomjo

Neulich wurde ich gefragt, was denn diese m.-Seiten bedeuten sollen. Die Antwort an sich ist ja relativ simpel: Es sind speziell für Mobilgeräte optimierte Versionen von großen Websites. Wobei groß ja auch eher eine ungenaue Beschreibung für Websites ist, die diese Möglichkeit einsetzen.
Beispiele der großen Websites:

  • spiegel.de
  • faz.de
  • bmw.de
  • audi.de

Alle diese Seiten werden umgeleitet, wenn man sie mit einem Mobilgerät (ich habe das jetzt mal nur mit einem Nexus 5 überprüft) ansurft. Nicht selten wird auf der Website dann auch Werbung für die App der Seite eingeblendet, aber das ist ein anderes Thema.

Und nachdem Responsive Webdesign (“RWD”) in den letzten Jahren mit Verbreitung der Smartphones immer weiter zugenommen hat, ist es (scheinbar) verwunderlich, dass viele große Marken dieses Prinzip immer noch nicht umgesetzt haben. Oder?

Wann ist eine dedizierte Mobile Site sinnvoll und wann RWD?

Die wichtigsten Gründe für eine dedizierte mobile Website sind:

  1. History (es ist einfacher, eine zweite View auf die Daten zu präsentieren, als komplett neuzumachen)
  2. Einfachheit
  3. Kosten

Die mobile Website läuft komplett parallel zur bisherigen, Inhalts-Struktur und Darstellung können komplett unterschiedlich sein, unter Umständen kann man bei der Mobilseite auf neuere Webtechniken zurückgreifen. Die Mobil-Seite wird nicht mit SEO-Krempel belastet und es werden nur die Inhalte geladen, die man wirklich braucht.

Beipiel: spiegel.de / m-spiegel.de

Die wichtigsten Gründe für eine responsive-Website sind:

  1. Es muss nur ein Design gepflegt werden
  2. Performance
  3. Zukunftssicherheit (keine Browserweichen etc. die irgendwann fehlschlagen)

Die RWD-Seite bietet alle Informationen für alle Displaygrößen und fokussiert sich damit auf den Inhalt mehr als auf das Design. Super für SEO, keine gesplitteten Domains, keine duplicate-Content-Probleme und die User werden nicht umgeleitet, was unter Umständen in mobilen Netzen schon durchaus mal länger dauern könnte.

Beipiel: tagesschau.de / sportschau.de / daserste.de

Natürlich setze ich dabei eine korrekte Umsetzung bei beiden Vorangehensweisen voraus. Letztendlich ist RWD nicht die Lösung aller Probleme, auch wenn ich finde, dass man die Displaygrößen immer im Hinterkopf haben sollte.

 


OpenClipart by agomjo

Kategorien
Code Webentwicklung

Warum Appcache eine ziemlich unpraktische Sache ist – Ein Review für meine Einkaufliste

picjumbo.com_IMG_1166

Ich baue gerade an einer App für eine Einkaufsliste. Mehr so zum Spaß und um Angular.JS zu lernen – dachte ich anfangs.

Kategorien
Webentwicklung

WTF Mobile Web

WTF Mobile Web

Kategorien
Webentwicklung

Frontend-Frameworks Übersicht

Dies soll eine Übersicht aller (verbreiteten) Frontend-Application-Frameworks werden. Es geht hier im speziellen nicht um Libraries wie jQuery oder jQueryUI, sondern um Frameworks und Tools, die komplett frontendbasiert sind, keine spezielle Serverarchitektur voraussetzen und eine gewisse Bekanntheit haben. Stand hierbei ist aktuell April 2014.

Ergänzungen und Korrekturen, Artikel von Auskennern mit den jeweiligen Frameworks sind gerne gesehen.