Kategorien
Wochenbericht

Wochenbericht 2021.32

  1. Apple’s Plan to “Think Different” About Encryption Opens a Backdoor to Your Private Life
  2. GitHub’s Engineering Team has moved to Codespaces
  3. For programmers, remote working is becoming the norm (Economist article)
  4. There Is No Benefit or Incentive for Developers to Create Quality Code on Software Projects
  5. The State Of Mobile First and Desktop First

Was zum Lachen: Astronauts use Linux…

Kategorien
Wochenbericht

Wochenbericht 2019.50

  1. 8 Console API Functions Other than Console.log()
  2. Responsive Image Breakpoints Generator
  3. Five years later, Heartbleed vulnerability still unpatched
  4. Visual Studio Code November 2019
  5. 1-minute movie: A New Agile Simulation Game
  6. Web Performance Calendar » Reading a WebPageTest Waterfall Chart

Was zum Lachen: Everybody loves you

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
Linklove

Tablesaw – A Flexible Tool for Responsive Tables

Tablesaw – A Flexible Tool for Responsive Tables