Schlagwort: Responsive Webdesign
Chrome / Chromium 43 appears enlarged on Linux
A really bad error. You can bypass the error by starting chrome with parameter --force-device-scale-factor
Ein CMS für Fotografen
Eine etwas andere Referenz für ein Content Management System kann man unter http://timliss.de/ sehen. Diese Website wurde mit Hilfe von http://koken.me/ erstellt und ist von Haus aus für Desktop, Tablets und Smartphones optimiert. Koken ist ein CMS, das speziell für Fotografen entwickelt wurde. Schwerpunkt des Systems ist daher die komfortable Bildverwaltung mit Hilfe von Alben, Sets und Filtern. So findet man seine Fotos schnell wieder und kann Favoriten bestimmen. An eine Social Media Integ...
Probleme unter Safari mit responsive images
Unter Safari gibt es Probleme mit responsive images, die eine maximale Breitangabe von 100% haben: max-width: 100%; Dies führt unter Umständen dazu, dass diese nicht angezeigt werden, bzw. eine Höhe von 0 Pixel haben. Umgehen kann man das Problem mit folgenden Anweisungen: @media screen and (-webkit-min-device-pixel-ratio:0) { img { max-width: 100%; height: auto; width: auto; } }
Bootstrap Template für TYPO3
Unter http://t3bootstraptv.de (für TemplaVoila) und http://t3bootstrap.de (Flux/Fluid) habe ich eine frühe Version meines TYPO3 Bootstrap Templates veröffentlicht. Ähnlich wie das YAML Template passt es die Ausgabe an die anzeigenden Geräte an wodurch die Website auf Desktop-PCs, Tablets und Smartphones optimal dargestellt werden kann. Es unterscheidet sich jedoch darin, dass es mit Stufen in der Breite des Inhaltbereiches implementiert wurde, auf die es je nach zur Verfügung stehenden Breit...
Smartphones und Tablets mit ihren Abmessungen
Eine Liste kann unter http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density eingesehen werden.
Geräte simulieren, um Websites auf diesen zu testen
Als Webentwickler ist man gezwungen, die Websites unter verschiedenen Browsern und Betriebssystemen zu testen. Simulatoren sind keine Lösung, da sie die Probleme der verschiedenen Rendering engines nur unzureichend simulieren können. Systeme wie Windows XP, Vista, 7, 8 und Linux-Systeme sind leicht durch Virtualisierungssoftware wie VirtualBox zu virtualisieren. Android-Systeme können mit Hilfe des Android SDKs ausgeführt werden. Anders sieht es leider bei Mac-Produkten aus: Aufgrund der blöd...