Linkfutter 201 – Responsive Webdesign

Mike Riethmuller erläutert, wie er mit der calc-Funktion in CSS responsive Typographie realisiert, also Typo, die sich an die Umgebunsgbreite anpasst.
Guil Hernandez beschreibt wiederum “ein Sass-Mixin für responsive Typographie“. Das finde ich charamanter.
(mehr …)

Unerklärliche Bilder

Bei Twitter gibt es den Hashtag #TweetAPictureThatYouCantExplain . Damit werden meist skurrile Bilder getaggt. Ich habe ein paar von ihnen in einem Storify gesammelt.
(mehr …)

Linkfutter 200

Seit dem 8. September 2011 veröffentliche ich in unregelmäßigen Abständen Links, die mir vor allem beim täglichen Twitterkonsum unter die Finger kommen. Das ist auch für mich eine gute Ablagemethode. So wandern nicht alle Links in meinen Pinboard-Account und stiften so hoffentlich noch einen gewissen Nutzen. Auf die nächsten hundert Ausgaben!
(mehr …)

Linkfutter 199

Dennis Gaebel schreibt bei Sitepoint einen sehr interessanten Artikel über das Designen von Formularelementen mit Sass. Sehr interessante Ideen sind dabei. Allein das Mixin für das Placeholder-Attribut finde ich inhaltlich und formal interessant. In einer solchen Form habe ich noch nie ein Mixin geschrieben.
(mehr …)

Linkfutter 198 – Project Spartan

Linkfutter 197 – Australische Konferenzen

Sara Soueidan hat auf der CSSConf in Australien wieder einen interessanten Talk über SVG gehalten. Er ist vollgepackt mit tollen Praxisbeispielen. Zum Glück gibt es die Vortragsslides.
(mehr …)

Relaunch der Süddeutschen Zeitung – unter die Haube geschaut

Seit heute präsentiert sich die Süddeutsche Zeitung im neuen Gewand. Das weckt mein Interesse, denn schliesslich lese ich sie nicht nur hin und wieder gerne. Ich nehme sie in meinen Schulungen und Vorträgen auch immer wieder als leuchtendes Negativbeispiel. Zusammen mit dem Stern, denn beide Seiten zeichnen Überschriften auf der Startseite nicht als solche aus.
(mehr …)

Linkfutter 196

Vor ein paar Tagen wies ich auf den Artikel CSS Testing with PhantomCSS, PhantomJS, CasperJS and Grunt von Micah Godboldt hin. Er hat nun das Thema des Artikels in einer fast 45 minütigen Folge von Sass Bites genauer ausgeführt. Es ist eindeutig einen Blick wert.
(mehr …)

Linkfutter 195

Linkfutter 194

  • Das WAI-ARIA-Cheatsheet von Karl Groves ist ganz schön umfangreich.
  • Auch in Flexbox-Umgebungen kann margin:auto eine interessante Auswirkung haben. Das zeigt ein aufschlussreiches Codepen.
  • CSS-Ruler stellt Beispiele der unterschiedlichen CSS-Einheiten nebeneinander. So kann man nicht nur em mit ex vergleichen, sondern auch mit vh oder cm. Sehr interessante Gegenüberstellung, die prima umgesetzt ist.