Kategorie: Responsive Webdesign

Linkfutter 155

10. November 2014 /

Es gibt keine Standardauflösungen für responsive Webdesign, das erzähle ich in meinen Schulungen und Vorträgen immer wieder. Und da für die meisten Kunden das mobile Web eh nur aus iPhone und iPad besteht, kann man anhand dieser Übersicht der unterschiedlichen iPhone-Auflösungen meine Aussage schön demonstrieren. Interessant sind ergänzend dazu die Ausführungen zu den iPhone 6-Auflösungen und der Pixelschärfe.

In „Be Progressive“ schreibt Jeremy Keith sehr schön über die grundsätzliche Herangehensweise an Progressive Enhancement. Zum gleichen Thema passt auch prima sein Artikel „Just what is it that you want to do?„.

Linkfutter 149 – RWD

17. Oktober 2014 /
  • Bei Sitepoint wird vorgestellt, wie man mit dem Checkbox-Hack eine off-screen-Navigation ganz ohne JavaScript baut, die man auf schmaleren Monitoren prima nutzen kann.
  • Dudley Storey schreibt über das Picture-Element und bietet dazu ein nettes Beispiel auf Codepen an.
  • Alexander Farkas hat einen Polyfill für responsive Images auf Github veröffentlich. Er baut auf der Arbeit von Leuten wie Scott Jehl auf. Farkas schreibt, man solle einfach die Standards schreiben, der Polyfill erledige den Rest. Na dann: beim nächsten Projekt probieren wir das aus!

Linkfutter 134

12. September 2014 /

Mark Geyer hat einen Workshop zu Animationen im Interface gegeben. Freundlicherweise hat er die sehr interessante und sehr umfangreiche Präsentation dazu online gestellt.

Die Zukunft des E-Commerce ist Responsive, behaupten Patrick Lobacher und Sven Wolfermann in einem gemeinsamen Vortrag.

Markdown soll endlich eine offizielle Spezifikation bekommen, die möglichst alle bisherigen Mutationen auch abdeckt. Und da sich der Markdown-Erfinder wie ein störrisches Kind benimmt, wird das Ganze unter CommonMark verhandelt. Na, dann sind wir mal gespannt.

Linkfutter 107

10. Juni 2014 /
  • Codrops ist eine anscheinend nie versiegende Quelle für tolle Inspirationen und für Code, den man sich einfach nehmen und anpassen darf. Diesmal werden uns ein paar Ideen präsentiert, wie man Links interessanter machen kann.
  • Der IE 11 hat einen Unternehmensmodus spendiert bekommen. Man kann das eigentlich nur mit einer Mischung aus Mitleid, Bedauern und Häme zur Kenntnis nehmen. Denn dieser Modus emuliert für auswählbare Seiten den IE8. „Unternehmen“ ist also quasi synonym zu „veraltet, antik, technologisch abgehängt“. Traurige Sache, oder?
  • Im Smashing Magazine gibt es einen „Guide to picture and srcset„, also einen Überblicksartikel zu responsiven Bildern.
  • Brad Frost erklärt, wie man sein Pattern Lab zusammen mit Grunt nutzen kann.
  • Die Vorträge von der SmashingConf in Oxford gibt es jetzt bei Vimeo.

Linkfutter 106

16. Mai 2014 /

Un-normaler Webmontag in Frankfurt

11. März 2014 /

Auf dem gestrigen Webmontag in Frankfurt habe ich nach längerer Pause mal wieder einen Vortrag gehalten. Jan Eggers hatte die prima Idee, ich sollte etwas über Responsive Webdesign und Barrierefreiheit erzählen. Denn das allesüberspannende Thema des Webmontages war „Un:normal“.

Der Webmontag wurde sehr interessant und launig von Sven Michels moderiert. Zum Einstieg führte uns Johannes Wunderer in Barrierefreiheit auf und mit Smartphones ein. Er gab einen breiten Überblick und kam mit seinem Lampenfieber ganz gut zurecht.

Weiterlesen

Linkfutter 83

17. Februar 2014 /
  • Es gibt eine Seite, auf der man die Templatesprache handlebars austesten kann.
  • Ich mag Markdown sehr, doch leider ist es nur praktisch für einfache Texte und Listen. Für Tabellen mit Markdown gibt es jetzt einen Generator.
  • „A simple guide to responsive webdesign“ gibt wirklich nur die absoluten Basics wieder. Aber immerhin schön gestaltet und auf den Punkt gebracht. Man sollte nur nicht glauben, dass damit alles gesagt sei. Damit fängt der Spaß erst an. Nachdem dieser Artikel den Frischling eingenordet hat, kommt mit „This Is Responsive die richtige Linksammlung, um die Komplexität des Themas zu verdeutlichen.