The UX Reader von MailChimp

Da fängt das Jahr doch gut an. Das Team von MailChimp bietet sein eBook The UX Reader jetzt kostenlos (vorher 5 Dollar) zum Download an. Das Buch ist 181 Seiten lang und enthält die beliebtesten Artikel des Mailchimp UX Newsletters.

Ich hatte ehrlich gesagt noch keine Zeit es zu lesen, aber zu den Autoren gehört unter anderem auch Aaron Walter, dessen Buch Designing for Emotion mir ziemlich gut gefallen hatte. Und hey, es ist kostenlos!

Zur Website

CSS-Kurs für Contao – Erdmann & Freunde

Heute mal wieder ein wenig Werbung in eigener Sache: Nächstes Woche Montag starten wir bei Erdmann & Freunde unsere Artikelserie CSS-Kurs für Contao. Jede Woche behandeln wir Probleme, die uns als Entwickler in den letzten Jahren Kopfzerbrechen bereitet haben und stellen unsere Lösungsansätze vor.

Mehr Infos

Brand Style Guide Examples

Saijo George hat auf seiner Website eine umfangreiche Sammlung von Brand Style Guides, Pattern Libraries und Design Manuals zusammengestellt. Ein Paar davon, zum Beispiel Lonely Planet, hat man vielleicht schon mal gesehen, aber ich hätte nicht gedacht, dass zum Beispiel Atlassian einen sooo umfangreichen Style Guide besitzt.

Zur Übersicht

Atomic Design: The Book

„Das wurde aber auch Zeit“, wird der ein oder andere jetzt sagen. Brad Frost, einer der Köpfe hinter dem Patternlab-Projekt und Atomic Design bringt jetzt auch ein Buch zum Thema Atomic Design heraus.

Das Besondere: Statt monatelang im Stillen Kämmerlein an dem Buch zu arbeiten, macht er die Entwicklung des Buches öffentlich. Das heißt sowohl seine Gedanken und Überlegungen in Form von Blogposts, als auch das Buch selbst, welches es später als E-Book geben wird. Wow! Für so viel Transparenz bin ich gerne bereit 10 Dollar zu zahlen.

Zum Blogpost Zum Buch

WebPagetest – Website Performance verbessern

Ich hatte von WebPagetest schon ein paar Mal gehört und gelesen, aber es hat eine Weile gedauert, bis ich verstanden habe, was man mit der Website alles anstellen kann. Auf den ersten Blick bekommt man lediglich ein paar Statistiken und Optimierungsvorschläge, die man sonst auch schon von Google PageSpeed kennt. Doch WebPagetest kann noch sehr viel mehr (was übrigens ebenfalls von Google-Mitarbeitern entwickelt wurde).

Zum Beispiel könnt ihr euch die Ladegeschwindigkeit eurer Website von vielen unterschiedlichen Standorten auf der Welt anzeigen lassen oder – und das finde ich noch viel spannender – euch den Aufbau eurer Website in Slow Motion anzeigen lassen. Entweder als Video oder mittels Screenshots, die innerhalb von Sekundenbruchteilen gemacht werden.

Die Usability der Website ist nicht gerade die Beste, es lohnt sich also den ein oder anderen Blogpost mit Tipps zu WebPagetest zu lesen, um weitere nützliche Funktionen zu entdecken.

Zur Website

CSS Stats

Erstellt, wie der Name schon sagt, Statistiken über die Stylesheets einer Website. Nützliches Tool, um die verwendeten Anweisungen auf Herz und Nieren zu prüfen, z.B. die Anzahl der verwendeten Farben, Verschachteln von Anweisungen (CSS-Specifity) uvm. Ich nutze es zurzeit, um für E&F ein CSS-Refactoring durchzuführen.

Zur Website

Unterschiedliche Arten von Style Guides vorgestellt

Style Guides sind für uns Webmenschen meist eine Sammlung von Farb-, Typographie-, Button- und Bilder-Richtlinien fürs Frontend. Sie sollen Designern und Entwicklern die Arbeit an einer Website erleichtern.

Aber auch außerhalb des Webdesign werden Style Guides verwendet und es lohnt sich einen Blick auf die unterschiedlichen Arten zu werfen. Brad Frost stellt sie in seinem Artikel vor.

Zum Artikel