Galerie CSS3 Muster
Browserunterstützung
Die CSS3-Muster selbst sollten eigentlich funktionieren mit
-
Firefox 3.6+
-
Chrome
-
Safari 5.1
-
Opera 11.10+
-
IE10+
Es ist aber gut möglich, dass einzelnen Muster nicht vollständig korrekt angezeigt werden, weil bestimmte Eigenschaften von Gradienten, vor allem in älteren Browsern, nicht vollständig implementiert sind.
Diese Galerie selbst funktioniert im IE10 und im Firefox 3.6 nicht korrekt.
Neue Muster
Hier schlägt Lea Verou vor, neue Muster mittels Pull Request auf GitHub einzureichen (diese Möglichkeit habe ich hier bei nPage nicht). Sie würde dann vor allem solche Muster berücksichtigen,
-
hübsch aussehen
-
die eine neue Technik darstellen
-
bei denen es ein ausgewogenes Verhältnis zwischen Codelänge und Effekt gibt
Tests
-
Firefox 38.0.1 (Desktop) - ok
-
Chrome 43 (Desktop) - ok
-
Internet Explorer 11 - ok
-
Firefox Samsung Galaxy S GT-I9000, Kennung Mozilla/5.0 (Android; Mobile; rv:38.0) Gecko/38.0 Firefox/38.0 - ok
-
Standardbrowser Samsung Galaxy S GT-I9000, Kennung Mozilla/5.0 (Linux; U; Android 2.3.6; de-de; SAMSUNG GT-I9000/I9000BOJW6 Build/GINGERBREAD) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1 - nur die Überschrift der Seite wird angezeigt; auf der Originalseite werden auch keine Muster angezeigt, die Seite ist ansonsten aber vollständig zu sehen.
-
GenymotionEmulation Samsung Galaxy S2, Kennung Mozilla/5.0 (Linux; U; Android 4.1.1; en-us; Samsung Galaxy S2 - 4.1.1 - API 16 - 480x800 Build/JRO03S) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30 - nur die Überschrift der Seite wird angezeigt;die Originalseite wird aber korrekt angezeigt.
-
GenymotionEmulation Samsung Galaxy S3, Kennung Mozilla/5.0 (Linux; U; Android 4.3; de-de; Samsung Galaxy S3 - 4.3 - API 18 - 720x1280 Build/JLS36G) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30 - nur die Überschrift der Seite wird angezeigt; die Originalseite wird aber korrekt angezeigt.