Einfach weitermachen

DON’T WORRY, DRIVE ON: Fossil Fools & Fracking Lies from MONSTRO on Vimeo.

Der Inhalt des Videos ist eine Animation zum Thema Peak Oil. Das ist die Tatsache, dass uns demnächst das Öl ausgehen wird.

Seit 2005 konnte die Ölproduktion nicht weiter gesteigert werden, die Förderquote begann langsam, aber stetig zu sinken. Die Nachfrage steigt aber immer weiter.
Eine Weile wird sich dieses Ungleichgewicht über immer höhere Preise ausbalancieren, aber schon sehr bald wird das nicht mehr funktionieren. Weiterlesen Einfach weitermachen

Dreispaltiges Layout für Mobile First umsetzen

Bei dreispaltigen Layouts (Hauptspalte + 2 Sidebars links und rechts) läuft man im Responsive Design in ein Problem, wenn man mit einem Grid-System arbeitet. Wenn nämlich alle Elemente mit ‚float:left‘ nach links rutschen, müssen die beiden Sidebars im Template-Code über der Hauptspalte eingetragen werden.

In der Desktop-Ansicht stört das nicht weiter, der Betrachter kriegt von der Reihenfolge der Elemente im Code nichts mit.
Anders sieht das bei der Ansicht für Mobilgeräte aus. Hier sind die Spalten nicht mehr nebeneinander angeordnet, sondern alle Elemente sitzen untereinander. In der mobilen Ansicht tauchen also zuerst die beiden Sidebars auf und erst danach – viel weiter unten – kommt der Hauptinhalt. Und ist damit aus dem Blickfeld verschwunden.

Weiterlesen Dreispaltiges Layout für Mobile First umsetzen