CSS und HTML Unterstützung in mobilen Browsern
Bei Projekten für mobile Geräte wird meist auf die neuen Features von HTML5 und CSS3 zurückgegriffen.
Teaserboxen mit Verlauf ohne Bilder (CSS3 linear-gradient)
Wie man in Zukunft Hintergrundverläufe mit CSS erstellt, möchte ich heute vorstellen.
Da die Browserunterstützung für die Verläufe noch nicht sehr fortgeschritten ist, ist es eher ein Blick in die Zukunft, es sei denn, man kann auf eine browserweite optische Gleichheit verzichten oder man macht ein Workaround mit Bildern. Der aktuelle Stand der CSS3-Eigenschaft “linear-gradient” ist hier nachzulesen. Die Vorreiter in der Entwicklung sind – wie gewohnt – Webkit (Safari ab 4.0, Chrome 4) und Gecko (Mozilla Firefox ab 3.6). Opera unterstützt die Eigenschaft bisher nicht. Die Internet Explorer kann zwar seit IE 5.5 über die filter-Eigenschaft bedient werden, aber das ist weder performant noch zielführend – da nur ein einfacher Verlauf erzeugt werden kann.
In der aktuellen Ausgabe des TYPO3 Onlinemagazins TY-MA habe ich beschrieben, wie man solche Teaserboxen in TYPO3 4.3 über die Inhaltsrahmen (section_frames) der Contentelemente erstellt.