Webdesign-Verhandlungen im richtigen Leben

An einer Bemerkung von Tom Arnold auf Twitter entspann sich ein interessanter Austausch von Tweets. Sein Heckenschneiden wurde so behandelt, als befände man sich in Verhandlungen zu Webdesign. Ich kann von Glück sagen, dass ich solche Gespräche nie geführt habe, Freunde berichten mir aber in buntesten Farben von exakt solchen Dialogen. Ich habe die Tweets in Storify zum besseren Nachlesen zusammengestellt.

(mehr …)

Linkfutter 123 – Accessibility, Sass und JavaScript

  • Fritz Weisshart weist in seinem Blog auf den seiner Meinung sehr empfehlenswerten Videoplayer “Able Player” hin. Sein Fokus liegt dabei auf Barrierefreiheit. Einen Test ist es wert.
  • In einem anderen Artikel thematisiert Fritz das Herausschieben von Inhalt aus dem visuellen Bereich, damit nur Screenreadernutzer diesen Inhalt bekommen. Offenbar hat unser bisheriges Best-Practice-Verfahren einen unerwünschten Nebeneffekt auf dem iPhone mit Voice-Over. WebAIM empfiehlt eine kleine Detailänderung.
  • Noch ausführlicher hat sich Jan Eric Hellbusch mit den unterschiedlichen Möglichkeiten, Inhalte aus dem Viewport zu verschieben, beschäftigt. Ein sehr interessanter Artikel.
  • Hugo Giraudel ist ein Tausendsassa in Sachen Sass. Wöchentlich erscheint mindestens ein neuer Artikel irgendwo von ihm. Jetzt hat Hugo eine lange Liste mit Sass-Links veröffentlicht, die zum großen Teil zu seinen Artikeln weisen. Es sind auch eine Menge Links zu Codepen und zu interessanten Sass-Projekten. Für Sass-Fans ist da sicherlich eine Menge zu entdecken.
  • Todd Motto hat eine Mikro-Template-Engine für JavaScript veröffentlicht. Es sind nur ein paar wenige Zeilen Code. Sowas hätte ich gerne für PHP.

Linkfutter 122 – Schriften und Typographie

Linkfutter 121 – Accessibility

  • Da nutzt mal jemand Tumblr für etwas Sinnvolles und gibt “Accessibility-Tips“. Und da das Endlos-Scrolling ausgeschaltet ist, muss man sich über den Menüpunkt “Overview” selber einen Überblick über die bisherigen Themen schaffen.
  • Und wer noch ein wenig Musse hat, der kann sich durch einen unattraktiven Textwust beim W3C über Barrierefreiheit kämpfen. Trotz des schlichten Äußeren sind die “Accessibility Basics” durchaus lesenswert.
  • Das W3C gibt weiterhin Tips für “Accessibility Testing” – ebenso im unattraktiven Standards-Wiki-Outfit.
  • Die Filament Group beschreibt, wie man Iconfonts barrierefrei einsetzen kann.
  • Den Grunt-Task “grunt-accessibility” habe ich schonmal in einem Projekt eingesetzt und war sehr angetan.

Linkfutter 120 – schon wieder Videos

  • Von der diesjährigen Beyond Tellerrand sind bislang vier Videos auf Vimeo veröffentlicht. Darunter befindet sich auch der schlechte Vortrag von Erik Spiekermann, den ich niemandem empfehlen kann. Der Vortrag von Chris Coyier hingegen über SVG ist unbedingt empfehlenswert.
  • Die Videos der HTML5-DevConf
  • SeeMe ist ein Wörterbuch für Gebärdensprache. Man kann sich in sehr kurzen Videos ein Wort nach dem anderen zeigen lassen. Damit hat man die Gebärdensprache zwar nicht gelernt, beginnt aber deren Komplexität langsam zu erkennen. Sehr interessant!
  • Interesse am Gridsystem “Susy”? Dazu gibt es eine elfteilige Serie von Videotutorials.

Linkfutter 119

Linkfutter 118 – Videos

Linkfutter 117 – Browser

Markierte Headline in vielen Varianten

Kurz nach der Veröffentlichung des gestrigen Artikels über die markierte Headline gingen Reaktionen über Twitter, später auch in den Kommentaren des Beitrags ein. Darin wurden andere Lösungsvorschläge gemacht. Ich habe diese im Folgenden dokumentiert und jedem Vorschlag einen eigenen Codepen spendiert.

Der Sinn der gestrigen Übung war nicht, eine ideale Lösung vorzuschlagen. Dafür müsste ich auch Vorschläge für Mediaqueries machen. Doch dieses Detail kann jeder individuell im eigenen Projekt relativ simpel umsetzen. Ich wollte eine bessere Lösung zeigen, die nicht darauf baut, dass eine Überschrift sinnloserweise in drei Überschriften getrennt wird.

Ich finde die Ansätze interessant. Aber nicht jeder hatte offenbar die Limitierungen seines Ansatzes im Blick. Ich habe den Eindruck, es ging im Wesentlichen darum, die BR-Elemente wegzubekommen.

(mehr …)

Linkfutter 116