RWD Bookmarklet zum Testen von responsive Webdesigns Mit dem RWD Bookmarklet kannst du die Media Queries-Einstellungen eines responsive Webdesigns direkt im Browser testen. Mit Hilfe einer praktischen Top-Leiste kannst du jede Webseite schnell in verschiedenen Bildschirmformaten (Smartphone, Tablet, Quer- und Hochformate) anzeigen. Natürlich ersetzt das Tool nicht das Live-Testen auf mobilen Geräten selbst, aber z.B.…
Media Queries
4 Beiträge
-
-
Simple Media Queries Tester
Mit dem Online-Tool „Simple Media Queries Tester“ kannst du deine Webseite schnell und vor allem übersichtlich in drei verschiedlichen Bildschirmbreiten testen. Die Screen-Formate kannst du selbst anpassen und so z.B. auf 320 Pixel fürs iPhone Hochformat oder 758 Pixel fürs iPad Hochformat einstellen. Ich finde das Tool wirklich praktisch, um Webseiten mit responsive Webdesigns schnell auf einen Blick testen zu können.
-
Was können CSS3 Media Queries wirklich leisten?
Es kommen immer mehr mobile Geräte und Tablet-PCs mit den unterschiedlichsten Screengrößen auf den Markt. Und mit dieser Entwicklung wird natürlich auch das mobile Surfen im Internet immer beliebter. Daher beginnen Webdesigner und Webentwickler immer intensiver nach Lösungen zu suchen, um auf diese Entwicklung zu reagieren und Webseiten insgesamt flexibler zu gestalten. Ein Lösungs-Ansatz, der…
-
Das 1140px Grid-System: Mit CSS3 Media Queries für mobile Geräte optimiert
Das flexible 1140px Grid des australischen Designers und Entwicklers Andy Taylor ist mit CSS3 Media Queries umgesetzt, und passt sich so auf die unterschiedlichsten Browser-Größen an. Das Grid ist in 12 Spalten unterteilt, und sowohl für große Desktop-Monitore, für Tablet-PCs (z.B. iPad oder Samsung Galaxy Tab) und für kleinere Smartphone-Displays (iPhones, Blackberrys und Android-Phones) optimiert.…
