Kategorie: Webdesign
-
Bilder mit Hilfe von CSS-Media Queries für das iPhone 4 Retina-Display optimieren
Das iPhone 4 hat ein spezielles Retina-Display. Auf diesem hochauflösendem Bildschirm können Bilder besonders scharf dargestellt werden. Um auch alle verwendeten Bilder in einem Webdesign oder WordPress-Theme (z.B. das Logo oder ein Hintergrund-Musterbild) für das Retina-Display des iPhones zu optimieren, kannst du CSS Media Queries in deinem Stylesheet nutzen.
-
Erste Screenshots des Nori WordPress-Themes
Wie ich ja bereits auf Twitter angekündigt, habe ich ein paar erste Screenshots unseres neuen WordPress-Themes „Nori“ vorbereitet. Nori ist nach dem mobile-first Ansatz umgesetzt. 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 hochgearbeitet. Hier…
-
Touch-Gesten Referenz-Kärtchen zum Ausdrucken
Auf dem Blog von Luke W kannst du dir eine hilfreiche Übersicht der gängigen Touch-Gesten für mobile Geräte (Touch Gesture Cards) herunterladen. Die Übersicht ist in praktischen Grafiken mit kurzen beschreibenden Texten umgesetzt und du kannst dir die einzelnen Touch.Gesten sogar auf einzelne Kärtchen ausdrucken. Natürlich werden die Standard-Gesten wie…
-
Diskussionsanregung: Wie wichtig ist die Webseiten-Optimierung für mobile Geräte heute schon?
Die Möglichkeiten zur Optimierung von Webseiten für mobile Geräte wachsen ständig und das Thema ist unter Webdesignern und Entwicklern derzeit auf jeden Fall ein „Hot Topic“. Da die Umsetzung eines mobile-optimierten Webdesigns (z.B. mit Hilfe eines responsive Layouts) aber auch einiges an Mehraufwand bedeutet und viele Techniken zur Umsetzung mitten…
-
Tipps für die Gestaltung von Touchscreen-Buttons
Im Artikel „Touch Target Sizes“ von Luke W findest du hilfreiche Richtlinien für die Gestaltung optimierter Touchscreen-Buttons. Die dort aufgeführten Button-Maße wurden aus verschiedenen Quellen zusammen getragen (die Quellen wie z.B. die iPhone Human Interface Guidelines werden im Artikel mit verlinkt).
-
Webseiten-Optimierung für mobile Geräte: Verschiedene Lösungen im Vergleich
Die rasant wachsende Verbreitung von mobilen Geräten (Smartphones und Tablet PCs) hat auch deutliche Auswirkungen auf die Gestaltung von Webseiten. Webdesign muss flexibler werden und auf die unterschiedlichen Geräte mit ihren verschiedenen Bildschirmgrößen und besonderen Eigenheiten angepasst sein. Denn schließlich möchte man Besucher, die eine Webseite von ihrem mobilen Gerät…