Kategorie: Linktipps

Vor einiger Zeit entschied ich mich dazu, meine Bookmarks nicht länger über einen externen dienst wie Delicious zu verwalten und damit unabhängig von der Verfügbarkeit und den AGB des Anbieters zu sein. Seitdem stelle ich interessante Links hier für mich und alle anderen online. Du kannst sogar einen RSS-Feed für Linktipps abonnieren

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

BEM – Block, Element, Modifier

Im Dev-Blog von ZEIT ONLINE beschreibt Nico Brünjes (Teamleiter Frontend), wie er und sein Frontend-Team es mithilfe von BEM (von Yandex entwickelte Namenskonvention) geschafft haben, eine so umfangreiche Seite wie ZEIT ONLINE schlank und erweiterbar zu machen.

Zum Artikel Mehr über Nico

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

Conversion Design – Ecommerce Design Trends Gallery

Conversion Design ist eine Sammlung von gutgemachten Ecommerce-Projekten.  Betreut wird die Website von Manuel Ressel, Mitarbeiter der Web Arts AG und Autor auf konversionskraft.de

Weiter zu Conversion Design

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

7 Rules for Creating Gorgeous UI

In seinem zweiteiligen Artikel beschreibt Erik Kennedy seine 7 Regeln, um eine großartige Bedienoberfläche zu gestalten. Er greift dabei ebenso aktuelle Trends wie Flat Design und Material Design auf, als auch Grundlagen der Farbgestaltung und empfohlene Herangehensweisen bei der Erstellung und Ausgestaltung eines User Interfaces.

weiter zu Teil 1 oder weiter zu Teil 2

Update: Bei t3n gibt es den Artikel nun auch auf deutsch

123