Nach längerer Pause habe ich mich dieses mal mit 3D Transitions beschäftigt. Der Chrome konnte es schon länger, der Firefox hat die 3D Transformationen in der letzten Version gelernt. Zeit um sich matrix3D() einmal genauer anzuschauen.

weiterlesen

Vor 2 Wochen habe ich mich in den Linkempfehlunge etwas mit Responsive Design beschäftigt. Eine schöne Idee wie man das ganze weiter treiben könnte wurde mir danach zugespielt: Responsive Text.

Design Rules und Simplicity

Jedem Designer sollten 10 wichtigen Gesetze der Gestaltung bekannt sein. Der Design + Strategy Blog hat diese Gesetze noch einmal aufgezählt. Eine Schöne Zusammenfassung:
Ten Laws to design by

weiterlesen

Letzte Woche gab es kein Update, ich habe mir mal einen Urlaub gegönnt. Dafür starte ich diese Woche mit einem schönem kleinen Trick mit dem man schöne Sterne in einer Isometrischen Darstellungen erstellt. Ohne JS. Und ohne Grafiken!
Dabei zeige ich einen kleinen Trick wie man die Elemente vor dem aktuellen hervorheben kann.

Isometrisches Star Rating in reinem CSS

weiterlesen

Die Linktipps der letzen Woche wurden leider ausgelassen, dafür gibt es heute ein paar mehr. Viel Spaß beim lesen und ein schönes Wochenende schon einmal!

Fangen wir mit etwas leichtem an: Man sollte neben der Breite auch auf die Höhe in mobilen Geräten und damit bei Media Queries achten. Warum? Deswegen: Height matters.

Wer hier erst einmal die Screen Size verstehen will, also was man denn bei den mobilen Geräten messen kann und wie, hier ist eine ausführliche Analyse der verschiedenen Möglichkeiten: First, Understand Your Screen.

weiterlesen

Ich bin seit Ende Dezember glücklicher Besitzer eines Samsung Galaxy Nexus. Das neue Android 4.0 macht einiges her. Dazu aber später mehr.

Alle die für Android entwickeln wollen, sollten sich einmal den Design Guide für das Android Ice Cream Sandwich System anschauen. Aber auch für alle anderen Frontend Entwickler sind einige gute Tipps in Sachen UX und Touch UI dabei.

Vom Touch Feedback, über die Mindestgröße von Touch-Elementen über Anregungen wie man am besten Texte für Rückmeldungen und Infos schreibt. Außerdem wie man den (System-)Back Button (Historisches Back) im Gegensatz zu dem Zurück Menü Icon links oben (Hierarchisches “nach Oben”) nutzt.

Viele nützliche Konzepte also die man auch auf Websiten beachten sollte! Abgesehen vom schönen schlichten Design des neuen ICS, das dem Apple Design als auch dem Metro Design von Microsoft in nichts nachsteht. Endlich.

Also meine Leseempfehlung für das Wochenende:

http://developer.android.com/design/

Mit der Entwicklung des Blogs beschäftige ich mich in den letzten Tagen mit der Umsetzung der schema.org Microdata Schemas.

Schema.org ist ein Technik um mehr Informationen maschinenlesbarer zu gestalten. Sogenannte Microdaten. Die großen Suchmaschinenhersteller (u.a. Google, Bing und Yahoo) haben diesen Quasi-Standard im Juni 2011 gemeinsam vorgestellt. Er ist noch nicht abschließend definiert und wird leider noch recht selten eingesetzt. Dabei bietet er einige Vorteile!

weiterlesen

« Vorherige Einträge