Beiträge mit Schlagwörtern‘CSS Media Queries’

Basis-Vorlage für Responsive Webdesign – CSS3 Media Queries

Das Thema Responsive Webdesign hört man inzwischen an jeder Ecke im Webdeveloper-Bereich. Eigentlich ist das Thema ziemlich einfach abgearbeitet, doch man kann sich je nach Anwendungszweck schon etwas schwerer tun. Vor allem dann, wenn es um eine bestehende Website geht, die vielleicht ohne ein Grid-System auskommen muss. Doch darum soll es hier heute nicht gehen. Viel mehr steht für mich die Leichtigkeit im Vordergrund, mit der man selbst einen einfachen WordPress-Theme oder eine einfache Single-Page auch für mobile Geräte angemessen lauffähig macht. weiterlesen…

Das Apple MacBook Pro Retina und die CSS3 Media Queries

Wie ihr sicher mitbekommen habt, habe ich vor ein paar Tagen das CSS3-Media-Queries-Template „rausgehauen“. Der liebe Caschy war nun so nett und hat die Einstellungen einmal an seinem neuen Apple MacBook Pro Retina getestet. Leider ignoriert das Retina-Book die Angabe „min-device-width“ erfolgreich und „min-width“ bringt bei der angezeigten Auflösung von 1440×900 Pixel natürlich auch herzlich wenig (das Notebook hat zwar technisch 2880×1800 Pixel, angezeigt werden virtuell jedoch nur 1440×900 Pixel; wie beim Retina-iPhone mit 960×640 Pixel zu 480×320 Pixel). Lange Rede und kurzer Sinn: das Retina-Book reagiert nur auf folgende Angaben, die ich natürlich im Artikel auf Deutsch, im Artikel auf Englisch, der Demo sowie in der Download-CSS bereits angepasst habe. weiterlesen…