Kategorie: Responsive Webdesign
-
Webdesign goes „Mobile First“: Eine kleine Einführung in den neuen Webdesign-Trend
Die Optimierung von Webdesigns für unterschiedliche Bildschirmformate und Geräte (= responsive Webdesign) wird immer beliebter und wenn man sich einmal in der U-Bahn oder in einem Café umschaut wird einem auch schnell klar, warum das so ist. Immer mehr Menschen nutzen das Internet nicht mehr nur zu Hause an einem…
-
Mit „Adaptive Images“ Bilder für responsive Webdesigns optimieren
Die Lösung „Adaptive Images“ wurde von Matt Wilcox entwickelt, um die Dateigröße von Bildern in responsive Webdesigns zu verringern. Mit Hilfe der PHP- und Javascript-Lösung kannst du erreichen, dass von allen Bilder auf deiner Webseite automatisch verschiedene kleinere Bildformate erstellt werden. Diese, in Format und Dateigröße reduzierten Bilder, werden dann…
-
Link-Tipp: Mit Screenfly Webseiten in verschiedenen Bildschirmformaten online testen
Mit Screenfly Webseiten in verschiedenen Bildschirmformaten online testen Screenfly ist ein weiteres, schönes Online-Tool, um das responsive Design einer Webseite schnell in verschiedenen Screenauflösungen zu testen. Wenn du deine Programmierung auf einer Test-Domain online gestellt hast, kannst du so schnell Fehler in den Styles deiner CSS3 Media Queries finden.
-
Screen Resolution Worksheet für Webdesigner: EPS- und Photoshop-Arbeitsblatt mit den gängigsten Bildschirmgrößen downloaden
Besonders bei der Arbeit an einem neuen responsive Webdesign ist es hilfreich, wenn man sich das erste grobe Webdesign-Layout (einfache Blockelemente reichen da völlig) in verschiedenen Bildschirmgrößen anskizziert. Daher habe ich eine Dateivorlage erstellt, auf der die gängigsten Bildschirmformate bereits vorbereitet sind.
-
10 praktische Tipps für die Entwicklung von responsive Webdesigns
Während der Arbeit an unseren responsive WordPress-Themes haben wir in den letzten Wochen jede Menge neue Erfahrungen dazu gewonnen, etliche Artikel zum Thema gelesen und natürlich auch das ein oder andere Script und Plugin zur Optimierung von responsive Webdesigns ausprobiert. Im folgenden Artikel habe ich daher 10 nützliche Tipps und…