Bilder mit Hilfe von CSS-Media Queries für das iPhone 4 Retina-Display optimieren

Das iPhone 4 hat ein spe­zi­elles Retina-Display. Auf diesem hoch­auf­lö­sendem Bildschirm können Bilder beson­ders scharf dar­ge­stellt werden. Um auch alle ver­wen­deten Bilder in einem Webdesign oder WordPress-Theme (z.B. das Logo oder ein Hintergrund-Musterbild) für das Retina-Display des iPhones zu opti­mieren, kannst du CSS Media Queries in deinem Stylesheet nutzen. Weiterlesen

Welcome 2012

Eigentlich ist heute ein Tag wie jeder andere, aber der Beginn eines neuen Jahres und der erste Arbeitstag im neuen Jahr ist immer auch eine gute Gelegenheit für ein kleinen Neustart mit fri­scher Energie und Motivation.

Ehrlich gesagt freue ich selbst mich dieses mal ganz beson­ders auf das neue Jahr. Ideen und Pläne für 2012 haben wir bereits jede Menge und ein ganzes, noch herr­lich neues Jahr liegt vor uns, um diese Pläne umzusetzen.

Wir möchten die Gelegenheit nutzen, um auch allen Elmastudio-Lesern einen wun­der­baren Start ins neue Jahr zu wün­schen. Wir sind davon über­zeugt, dass 2012 ein erfolg­rei­ches Jahr wird, indem alle guten Vorsätze und neuen Projekte umge­setzt und Träume wahr werden können.

Nori - ein Premium mobile-first, responsive WordPress-Theme

Mobile-first, responsive Premium WordPress-Theme Nori

Nori ist unser neustes responsive, mobile-first WordPress-Theme. Das bedeutet, Nori hat ein fle­xi­bles Layout und ist beson­ders für die Ansicht auf mobilen Geräten gestaltet und ent­wi­ckelt. Im Gegensatz zu einem reinen respo­nisve Theme ist bei Nori der Komplette Entwicklungsprozess (vom Design bis zur Programmierung) umge­kehrt worden und wir haben uns von der Ansicht für Smartphones Schritt für Schritt zu grö­ßeren Bildschirmen wie Tablets, Laptop- und Desktop-Bildschirmen hoch­ge­ar­beitet. Weiterlesen

Erste Screenshots des Nori WordPress-Themes

Wie ich ja bereits auf Twitter ange­kün­digt, habe ich ein paar erste Screenshots unseres neuen WordPress-Themes »Nori« vor­be­reitet. Nori ist nach dem mobile-first Ansatz umge­setzt. Das bedeutet, wir haben bei Gestaltung und Programmierung mit der kleinsten Smartphone-Version begonnen und uns dann über die Tablet-Größe zu den grö­ßeren Desktop-Bildschirmansichten hoch­ge­ar­beitet. Hier die ersten Eindrücke des neuen Themes: Weiterlesen

Touch-Gesten Referenz-Kärtchen zum Ausdrucken

Auf dem Blog von Luke W kannst du dir eine hilf­reiche Über­sicht der gän­gigen Touch-Gesten für mobile Geräte (Touch Gesture Cards) her­un­ter­laden. Die Über­sicht ist in prak­ti­schen Grafiken mit kurzen beschrei­benden Texten umge­setzt und du kannst dir die ein­zelnen Touch.Gesten sogar auf ein­zelne Kärtchen aus­dru­cken. Natürlich werden die Standard-Gesten wie Tab (leichtes Antippen mit der Fingerspitze) oder Swipe/Flick (schnelles Wischen über den Bildschirm, z.B. zum Scrollen oder Weiterblättern) erklärt. Aber auch auf­wän­di­gere Gesten wie Rotieren, Skalieren oder das Schließen von Elementen per Fingerbewegung (oft ist eine Abfolge von Bewegungen nötig) sind auf­ge­listet. Weiterlesen

Seite 6 von 74«...567...10...»
Top