Linkfutter 155

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?“.

Aktuelle Studien zur Internetnutzung

Die “Initiative D21″ hat vor Kurzem den “Digital-Index 2014” veröffentlicht. Darin wird erforscht, wie gut (oder schlecht) das Internet innerhalb Deutschlands verbreitet ist und wie die Nutzer so aussehen. Die FAZ bietet eine gute Zusammenfassung der Ergebnisse unter dem Titel “Land des digitalen Stillstands“.

(mehr …)

Linkfutter 154 – das CSS der Anderen

Ich finde es immer wieder interessant, die Gedanken anderer Entwickler über den Aufbau der eigenen Website, die Nutzung von Klassennamen u.ä. zu lesen. Je mehr Entwickler dabei an einem Projekt arbeiten, desto anspruchsvoller wird die Aufgabe. In den letzten Wochen gab es dahingehend interessante Ausführung über den Aufbau des CSS bei Trello, Github, Codepen, Medium, Groupon, Buffer und Loneley Planet (was auch immer die beiden letzten Seiten so darstellen mögen).

Linkfutter 153 – Styleguides

Linkfutter 152

  • Bei Sitepoint wird in aller Kürze ein Grunt-Task vorgestellt, mit dem man ein PNG aus einem SVG erzeugen kann, um dem alten IE ein Fallback zu gönnen.
  • Da hat sich jemand einen älteren Vortrag von Chris Heilmann vorgenommen, und daraus einen Zweiteiler über JavaScript-Best-Practices erstellt (Teil 1, Teil 2).

Linkfutter 151 – Codepens

Linkfutter 150

Linkfutter 149 – RWD

  • 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 148 – Cheatsheets

Linkfutter 147 – Barrierefreiheit

  • Jan Eric Hellbusch nimmt sich in einer zwölfteiligen Serie die BITV2 und den dazu passenden BITV-Test vor und vergleicht diese mit der WCAG2. Und weil das nicht so wirklich zufriedenstellend ausgehen wird, bekommt er darüber graue Haare. Am Ende des einleitenden Artikels werden alle Teile aufgelistet. Noch kommende haben ein geplantes Veröffentlichungsdatum. Am 24.10. sollen alle Teile veröffentlicht sein.
  • Introduction to mobile accessibility
  • Google stellt einen Online-Kurs zur Barrierefreiheit zur Verfügung.
  • Hin und wieder sollten wir mal beim A11y Project vorbeischauen. Vielleicht haben sich ja neue Inhalte angesammelt.