Blog

Thema auswählen:

Responsive Flexbox-Layouts für Fortgeschrittene

Videotraining »Responsive Flexbox-Layouts« erschienen

Gerade bei video2brain erschienen:

Das Training ist ursprünglich auf englisch von Morten Rand-Hendriksen erschienen, und ich habe es übersetzt, angepasst und etwas aktualisiert.

(Kommentare: 1)

Contao-Konferenz 2016 in Bad Honnef

Contao-Konferenz 2016 - Workshop und Vortrag

Die Contao-Konferenz 2016 fand Mitte Mai in Bad Honnef statt. Ich war dort zwei Mal aktiv: 

  • Workshop "Layouten per Flexbox" 
  • Vortrag zu "Responsive Bilder im HTML"

Der einstündige Vortrag wurde komplett aufgezeichnet. Links zu Folien, Videos und mehr gibt's in diesem Beitrag. 

Weiterlesen …

(Kommentare: 1)

Header von little-boxes.de und groningen-info.de

Die Statistik und die Browser

Das Jahr nähert sich dem Ende und so habe ich ein paar Minuten mit den Besucherstatistiken von zwei meiner Websites zugebracht:

Besonders interessierte mich dabei die Browserstatistik (IE) und der Anteil der Besucher mit mobilen Geräten. Und das Ergebnis war durchaus überraschend...

Weiterlesen …

Flexible Boxes und Foundation 6

In der zweiten Auflage von Flexible Boxes beschreibe ich in Kapitel 18 das Erstellen eines Gridlayouts mit Foundation 5, einem responsiven Frontend-Framework. Zurb hat soeben mit Foundation 6 eine neue Version veröffentlicht, die ich in diesem Beitrag kurz vorstellen möchte.

Dabei geht es zwar in erster Linie darum, was sich in Kapitel 18 so alles ändert, aber der Artikel ist denke ich auch für Leute interessant, die das Buch nicht kennen, sich aber für die grundlegende Funktionsweise von Foundation interessieren.

Weiterlesen …

Einstieg in CSS - Cover (2. Auflage)

»Einstieg in CSS« - die 2. Auflage ist da

Das Buch bietet einen unterhaltsamen, leicht verständlichen Einstieg in das Erstellen und Gestalten von Webseiten mit HTML und CSS. Als »Little Boxes« vor fast zehn Jahren entstand, war es die Begleitmusik fur den Übergang von Tabellen- zu CSS-Layouts.

Inzwischen ist das Web einen Schritt weiter: Moderne CSS-Layouts sind responsiv und passen sich verschiedenen Endgeräten an. Die zweite Auflage von »Einstieg in CSS« berücksichtigt diesen Paradigmenwechsel von Anfang an.

Weiterlesen …

Videotraining »Little Boxes - CSS-Positionierung«

Am 17. August 2015 ist bei video2brain das dritte Training der neuen Little Boxes-Reihe erschienen.

»Little Boxes - CSS-Positionierung und mehrspaltige Layouts« setzt die Inhalte aus dem HTML-Crashkurs und den CSS-Grundlagen voraus und richtet sich an alle, die Webdesign bzw.Webprogrammierung von der Pike auf lernen möchten.

Weiterlesen …

(Kommentare: 5)

Responsive Grafiken in Blink

Responsive Bilder - ein Überblick

Contao unterstützt seit Version 3.4 die Auslieferung von responsiven Bildern von Haus aus. Die Umsetzung von Martin Auswöger und Yanick Witschi ist ziemlich pfiffig, aber die Benutzung fällt deutlicher leichter, wenn man die wichtigsten Infos zum Thema responsive Bilder bereits kennt. Hier ein kurzer Überblick. 

Weiterlesen …

Responsive Grafikem mit HTML (Cover)

Responsive Grafiken testen: Blink ändert sein Verhalten

Nichts ist so beständig wie die Veränderung, und das gilt ganz besonders für ein Thema wie "Responsive Grafiken mit HTML", bei dem Vieles noch im Fluss ist. 

So hat Blink, die Rendering Engine in Chrome und Opera, sein Verhalten bei srcset w geändert und passt Grafiken beim Verkleinern des Viewport nicht mehr an. 

Weiterlesen …

Die zweite Jahreshälfte 2014

Der Halbjahresrückblick 2014 - Juli bis Dezember

Zwischen den Feiertagen ist eine gute Zeit für einen kurzen Rückblick auf das vergangene Jahr. In der zweiten Jahreshälfte habe ich diverse Projekte abgeschlossen, von denen einige erst im Januar erscheinen werden. Hier ein kleiner Überblick. 

Weiterlesen …

(Kommentare: 6)

Das Stylesheet layout-builder-overwrite

Webseiten »ohne responsiv« in Contao 3

Wer mit Contao 2.* gebaute Sites auf Contao 3.* updatet, bekommt es automatisch mit dem Layout-Builder und seinem Holy Grail zu tun, bei dem die Quelltextreihenfolge der Layoutbereiche anders ist als früher und Seiten unterhalb von 768px automatisch einspaltig dargestellt werden. 

Besonders bei älteren, nicht für »mobile« optimierten Sites ist dieses Verhalten manchmal eher unerwünscht. Hier ein paar Gedanken, wie man in Contao 3 Websites "ohne responsive" erstellen kann. 

Weiterlesen …

Rezension: "Responsive Webdesign"

Ich habe über Weihnachten in "Responsive Webdesign" von Andrea Ertel und Kai Laborenz geschmökert und bei Amazon eine Rezension dazu geschrieben. Hier das Fazit:  

Das Buch ist logisch aufgebaut, gut geschrieben und geht an den richtigen Stellen in die Tiefe. Eine echte "Tour de Force". Nichts für Einsteiger, aber es dürfte jedem, der sich intensiv mit dem Gebiet beschäftigen möchte (oder muss), eine große Hilfe sein. Eine Klickanleitung für "Bootstrap" oder andere Frameworks ist es aber definitiv nicht.

Anders ausgedrückt: Wer »Flexible Boxes« gelesen hat und jetzt mehr wissen möchte, kann bei diesem Buch zugreifen. Die gesamte Rezension steht bei Amazon. 

Weiterlesen …

Flexible Boxes - Einführung in moderne Websites

Neues Buch: »Flexible Boxes«

In »Flexible Boxes« geht es um die Erstellung moderner Webseiten. Schwerpunkte sind HTML5, CSS3 sowie Grundlagen und Konzepte für responsives Webdesign. Dieser Beitrag beschreibt den Inhalt des Buches und bietet Downloads für die Leseprobe (PDF) und die Beispieldateien (ZIP). 

Weiterlesen …

Workshop Responsive Contao mit Peter Müller und Thomas Weitzel

Contao Konferenz 2013 - Workshop "Responsive Contao"

Auf der Contao-Konferenz 2013 in Halle bei Leipzig haben Thomas Weitzel und ich einen zweiteiligen Workshop zum Thema "Responsive Contao" gehalten. In diesem Beitrag finden Sie einen Link zur begleitenden Website und die bei Slideshare veröffentlichten Folien. 

Weiterlesen …

(Kommentare: 2)

Responsive Contao - das neue CSS-Framework

Responsive Contao - Vortrag auf dem Contao-Nordtag

Am 2. März 2013 habe ich auf dem Contao-Nordtag in Hamburg einen Vortrag zum Thema »Responsive Contao - das neue CSS-Framework« gehalten. Die Folien zur Präsentation können Sie sich jetzt hier als PDF downloaden. 

Weiterlesen …