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.
Meine Linkempfehlungen der Woche 8/2012
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
Isometrische 3D Sterne Bewertungen in CSS
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.
Meine Linkempfehlungen der Woche 6/2012
Wir starten wieder mit etwas leichtem: eine kleine Spielerei: Nick Kwatek macht auf seiner Website seinem Beruf Interaction Designer alle Ehre: mal was anderes :).
Etwas Grafiklastiger ist ein HTML5 Scroll Book das durchs Web ging: Soul Reaper. Zur Zeit ist nur die Episode 1 vorhanden, aber eine tolle Atmosphäre und es ist ohne Flash umgesetzt.
weiterlesenMeine Linkempfehlungen der Woche 5/2012
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.
weiterlesenVerlauf bei Überschriften mit CSS
Wer das Problem hat bei Überschriften manchmal Kompromisse eingehen zu müssen, dem kann ich helfen. Mit diesem kleinen CSS Code kann man Überschriften am Ende der Zeile auslaufen lassen.
Meine Linkempfehlungen der Woche 3/2012
Jeden Freitag gibt es ab jetzt ein paar Link-Empfehlungen. Artikel die mich beeindruckt haben oder Themen gut zusammengefasst haben. Beginnen wir die Serie heute also.
weiterlesenAndroid ICS Ladebalken in CSS
Besonders gut gelungen im neuen Android ICS finde ich die "Progress Bar", bzw. zu Deutsch, der Ladebalken. Er taucht unter anderem im Browser auf. Wer kein Android Smartphone hat, hier einmal ein Bild davon.
Android ICS Design Guide – Gute Tipps, Leseempfehlung!
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/
Schema.org Microdata anwenden
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!