Kategorie: Werkzeuge

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
Releases Werkzeuge

PhpStorm 8 veröffentlicht – Die 6 wichtigsten Änderungen

Road

PhpStorm 8 wurde veröffentlicht. Endlich gibts die JS-Features (spy.js) aus Webstorm auch hier.

Die wichtigsten Features aus meiner Sicht:

  1. WordPress Support (ENDLICH!)
  2. spy.js
  3. Bessere Angular.js-Unterstützung
  4. Grunt-Unterstützung (Gulp auch…)
  5. Bower-Unterstützung
  6. Single-File-Mode (Arbeiten ohne Projekte)

Links

Kategorien
Werkzeuge

PHP Microframeworks in Benutzung

tkLOe7nnQ7mnMsiuijBy_hmIch bin aktuell dabei, mich im Bereich Frameworks für PHP genauer umzusehen. Dabei haben es mir vor allem so genannte Microframeworks angetan, die vorrangig darauf abzielen, Rest-APIs zu schreiben, um diese dann mit Angular-Frontends zu bespielen und dann mittels RedBean die Datenbasis dafür zu organisieren. An dieser Stelle noch mal herzlichen Dank Christian Nielebrock für seine super Tipps.

Ausprobiert habe ich dabei bisher auf Anraten von Christian das Slim-Framework, bin aktuell aber dabei einen lang gehegten Wunsch nachgegangen und habe mal Flight verwendet, weil mir das mit der JSON-Verarbeitung mehr entgegenkommt.

Welche Frameworks nutzt ihr so, wenn nicht Zend oder Laravel und Konsorten genutzt werden?

Kategorien
Werkzeuge

Projektmanagement vs. Word

Das beste Projektmanagement hält nur so lange, bis der Kunde eine erste Fehlerbeschreibung über mehrere Tickets “der Einfachheit halber” per Word macht und per E-Mail schickt.

Kategorien
Allgemein Werkzeuge

“Make Manager”: Massenbearbeitung für Redmine-Gruppen

Dieses Bookmarklet löst das Problem, wenn man eine neue Gruppe in Redmine einlädt und diese zu allen Projekten hinzufügen möchte.

javascript:$('#membership_project_id').val( $('#membership_project_id option:not(:disabled):last').val() ) && $('.splitcontentright [name="membership[role_ids][]"]:first').prop( 'checked', true ).change() &&  $('#tab-content-memberships .splitcontentright input[type=submit]').click();void 0

Das ganze als Bookmarklet anlegen und unter https://[redmine-url]/groups/[gruppenID]/edit?tab=memberships (Gruppe bearbeiten, in Tab “Projekte”) solange anklicken, bis eine Fehlermeldung kommt ;). Ggf. muss man bei dem “membership_role_ids_” noch den Selector anpassen, wenn man nicht die die oberste Rolle nehmen will.