Blog

Thema auswählen:

Google Fonts ReImagined

Google Fonts im neuen Look

Im Juni 2016 überraschte Google die Webwelt mit einem Redesign der Google Fonts. Here it is in pictures.

Weiterlesen …

(Kommentare: 3)

IE versteht flex: 1 nicht

Flexbox: IE versteht flex:1 nicht richtig

Der Internet Explorer 11 versteht die Flexbox-Syntax. Im Prinzip. Eigentlich. Wohl. So'n bisschen. However: Mit flex:1 hat er Probleme...

Weiterlesen …

(Kommentare: 1)

Inhalte zentrieren per Flexbox

Zentrierung per Flexbox und der IE

Das Zentrieren von Elemente sowohl horizontal als auch vertikal ist mit der Flexbox theoretisch ganz einfach: margin:auto, und fertig. Leider versteht der Internet Explorer diesen Trick nicht, aber es gibt eine andere Methode.

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 …

(Kommentare: 4)

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 …

(Kommentare: 32)

Die Links aus Flexible Boxes zum Anklicken (Gewinnspiel)

In einem Buch wie »Flexible Boxes« gibt es eine Menge Querverweise auf weiterführende Infos im Web. Da man URLs in gedruckten Büchern nicht so einfach anklicken kann und das Abtippen doch eher mühsam ist, habe ich diese Links bei delicious.com gesammelt.

Und was gewinnen kann man auch. 

Weiterlesen …

Flexible Boxes (2. Auflage) - Einführung in moderne Websites

Flexible Boxes - die 2. Auflage ist da

Die erste Auflage von »Flexible Boxes« wurde im Sommer 2013 geschrieben. Die erste Auflage wurde bereits nachgedruckt und auch der Nachdruck ging im Herbst 2014 zur Neige. Angesichts der rasanten Veränderungen im Bereich »Webdesign« wollten wir das Buch nicht noch einmal unverändert nachdrucken. Also gibt es jetzt eine neue Auflage.

Neben unzähligen kleineren Aktualisierungen, Verfeinerungen und Änderungen gibt es zwei große neue Themenbereiche: 

  • Responsive Grafiken (<picture>, srcset, sizes & Co.)


    2014 war ein ereignisreiches Jahr für dieses wichtige Thema, und die ersten Browser unterstützen bereits die noch taufrische picture-Spezifikation. Responsive Grafiken werden Teil von HTML 5.1, in Kapitel 6, »Responsive Grafiken, Audio und Video«, ausführlich erläutert und in Kapitel 15, »Inhalte für responsive Webseiten gestalten«, auf den Beispielseiten eingebaut. 


  • Layouten mit Flexbox

    
Float und Clear haben die CSS-Layouts im letzten Jahrzehnt dominiert, aber neue CSS3-Module zum Layouten rücken langsam in greifbare Nähe. In Kapitel 19, »Flexbox – jenseits von Floatlayouts«, stelle ich Ihnen das CSS Flexible Box Layout Module vor, das als Flexbox bekannt ist und mit dem das Layouten fast zum Vergnügen wird.


»Flexible Boxes« ist also jetzt mit »responsiven Grafiken« und »Flexbox«. Außerdem wurde der Teil über Gridlayouts komplett überarbeitet und klarer strukturiert. 
Viel Spaß damit! 

Weiterlesen …

HTML5Bones in neuer Version

HTML5Bones aktualisiert

In "Flexible Boxes" dient HTML5Bones in Kapitel 4 als roter Faden zur Vorstellung zahlreicher HTML5-Elemente. Entwickler Ian Devlin sein Projekt jetzt leicht überarbeitet und die Version 1.6.4 veröffentlicht:

Viel hat sich nicht geändert. Bei Einzügen wurden tabs durch spaces ersetzt, das Datum für das Copyright wurde auf 2015 gesetzt und normalize.css auf V3.0.2 aktualisiert. 

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: 2)

Das große Little Boxes Buch - Cover

Bye bye »Little Boxes«

Anfang Juli habe ich einen kurzen Beitrag über »Pearson und die Computerbücher« geschrieben, in dem ich kurz über die Entwicklungen bei Pearson berichtet habe.

Jetzt ist es soweit: »Das große Little Boxes-Buch« kann als gedrucktes Buch nicht mehr im Buchhandel bestellt werden. Momentan gibt es nur noch eine Quelle ...  

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 …