Revision 133: Responsive Webdesign und CSS Frameworks

In Abwesenheit der restlichen Stammbesetzung holt sich Stefan die beiden Gäste Anselm Hannemann und Jens „Flocke“ Grochtdreis ins virtuelle Studio. Bei diesem hochkarätigen Aufgebot an Mitsprechern liegen die Hauptpunkte der heutigen Sendung direkt auf dem Tisch: Responsive Webdesign in all seinen Formen. In einer angeregten Diskussion sprechen wir über neue Prozesse für Responsive Webdesign in Agenturen und kommen zu einer ausführlichen Betrachtung von CSS- und Grid-Frameworks. Viel Spaß!

[00:00:20] News

Webkit unterstützt das srcset Attribut

und legt damit die ersten Pflastersteine in Richtung Responsive Images

Opera Developer

nennt sich die nächtlich aktualisierte Entwicklerversion des norwegischen Browsers. Der neue Channel wurde vor kurzem geöffnet und bietet Entwicklern eine erste Vorschau auf kommende Dinge.

Schaunotizen

[00:01:00] Robustes PNG Fallback für SVG

SVGs sind toll und die Möglichkeiten scheinen schier unbegrenzt. Zu dumm dass ältere Browser nichts damit anfangen können. Alexey Ten zeigt in seinem Artikel, wie man alte Browsereigenheiten ausnutzen kann um aus Browserfixes eine Technik zu entwickeln, die äußerst robust und plattformübergreifend ein PNG als Fallbäck lädt. Eine Technik, die unter anderem auch von Chris Coyier äußerst genau analysiert wurde. Wir diskutieren über diesen und andere Hacks sowie deren Zukunftssicherheit, zeigen Alternativen wie Icon-Fonts und finden die Sache trotz der einen oder anderen Schwierigkeit toll.

[00:14:00] Warum Responsive Web-Design Schrott ist

Was für eine Woche! Patrick Voelcker hat mit seinem Artikel über den Unsinn von Responsive Webdesign für die heißeste Diskussion des Sommers im deutschsprachigen Webraum gesorgt und nicht nur Marc Hinse oder Jens selbst mit an- und aufgeregten Gegenantworten vor die Schirme geholt. Wir erklären die eigentlichen Inhalte des Artikels und erzählen, warum „Warum Responsive Webdesign Schrott ist“ Schrott ist. Denn immerhin geht’s nicht nur um die Technik, sondern auch um Prozesse, Abläufe und halt eine ganz neue Herangehensweise.

[00:26:00] Responsive Webdesign braucht kein Framework.

Oder doch? Bei all den neuen Vorgehensweisen gibt es in der Responsive Elite etliche Stimmen gegen den Einsatz von Frameworks wie Bootstrap oder Foundation. Stefan erklärt, wie diese Frameworks doch sinnvoll eingesetzt werden können und welche Vorteile sich für Entwickler wie Designer dadurch ergeben.

[00:36:20] Missverständnis Framework

Allerdings meint Stefan auch, dass trotz aller Benefits für Entwickler und Designer man irgendwann an die Grenzen eines Frameworks stößt, zumindest bei Bootstrap. Jens bricht einige Lanzen für das deutsche CSS Framework YAML, wir betrachten den Sinn und Unsinn von Harry Roberts inuit.css im Detail, und sprechen über die Erfolgsfaktoren von Bootstrap und Foundation. Schlußendlich halten wir es wie Framework Experte Mark Otto: Ein Framework ist immer nur ein Anfang.

[00:57:20] Keine Schaunotizen

Speed Awareness Month.

Auch wenn er schon fast vorüber ist, ist der August immer noch Speed Awareness Month. Diese Website versorgt euch mit Aritkeln und Beiträgen zum Thema Webgeschwindigkeit am Client und am Server.

Web Platform Doc Sprint Zürich.

Diese Woche in Zürich und am Mittwoch noch nichts vor? Kurz vor der Schweizer Frontendconf findet in der Zentralgasse 37 der Web Platform Doc Sprint statt. Schaut vorbei und unterstützt die verschiedenen Teams beim Aufpeppeln der gemeinschaftlichen Online-Dokumentation. Von der Working Draft Crew sind Hans und Rodney mit am Start.

Handle deprecated and unmaintained repositories.

Ist das einstige Pet Project und jQuery Plugin mittlerweile am Verstauben? Das ehemalige Problem bereits perfekt gelöst oder irgendein Megaframework hat eine prominentere Lösung dafür? Gast Anselm gibt in seinem Artikel Tipps und Ratschläge, wie man mit veralteten und schlafengelegten Open Source Projekten verfahren soll.

LESS Mixins.

Und zu guter Letzt hat Hans seine populären Sass Mixins auch nach LESS portiert. Take what you need!