Retina Display – Mobile Design Tipps

intro


Das Retina Display überzeugt wie auch viele andere Displays durch die Eigenschaft eine sehr hohe Auflösung darstellen zu können, dies jedoch bringt dem Designer der für das Mobile Endgerät Apps oder ähnliches gestalten muss einige Probleme, denn es sind Pro Element immer 2 Auflösungen, welche erstellt werden müssen.

Ich werde in diesem Blogpost nun ein paar dieser Probleme auflisten und auch diverse Lösungsvorschläge einbringen. Weiterlesen



CSS3 – Listen mit counter-Eigenschaft nummerieren

An dieser Stelle wollen wir euch wieder eine interessante Neuerung aus dem Fundus rund um CSS3 vorstellen: Nummerierte Listen mit der counter-Eigenschaft.
Jeder Frontend Entwickler kennt die guten alten nummerierten Listen. Einfach ein list-style: decimal hinzufügen und die gewünschte Liste ist schön durchnummeriert. Doch was wenn diese auch noch ansprechend gestaltet werden soll? Weiterlesen


CSS Animationen – Teil 1 CSS Transitions

Animationen waren schon immer ein gutes Stilmittel die eigene Website zu bereichern. Browsergames kommen nicht ohne sie aus. Aber auch einfache Sites profitieren von tollen Animationen wie:

– 3D-Menüs mit weichen Effekten (Stichwort „Smoothness“)
– Links, Buttons, Input-Felder usw. können mit ebenso weichen Feedback-Animationen ausgestattet werden
– Coole Übergänge in Bildergalerien und Listings
– usw. usf. Weiterlesen