Bilder mit Rahmen

CSS Cookie Cutter

[Minnie Spears, 28.11.2010] After seeing this post on StackOverflow I decided to take a look at my cookie cutter method again to see how I could help people use it correctly. What this technique really boils down to is using the png mask image as a background on a div, and then displaying that div directly over the top of the photo we want to make the cuts from. We do that using absolute positioning, making sure that we have a parent div that provides a positioning context. (#)

CSS 3: Welche Browser verstehen border-image?

[Peter Kröner, 27.09.2010] Mit Opera 10.5+, Firefox 3.5+ und der Webkit-Brigade (ab Engine-Version 522) verstehen die meisten Browser, von denen man es auch erwarten würde, border-image – die beiden letztgenannten noch mit Vendor-Prefix. Problematisch ist nur, dass CSS3, da ja noch nicht fertig, ständig weiterentwickelt wird und jeder Browser unterstützt eine andere Revision von border-image. Um ein und denselben Effekt zu erreichen, muss man also gegebenenfalls mehr machen als nur die Vendor-Prefixes austauschen, in den meisten Fällen reicht jedoch genau das. Dieser Code führt zwar in den unterstützenden Browsern zum gleichen Ergebnis, aber da den Implementierungen jeweils verschiedene Revisionen von border-image zugrunde liegen, unterstützen nicht alle Browser den gleichen Funktionsumfang. Es gibt große Überschneidungen, aber nicht alles, was in den Spezifikationen steht funktioniert überall (und nicht alles was funktioniert, steht heute noch in den Spezifikationen). Schlimmer noch: der IE9 wird border-image überhaupt nicht unterstützen.

Das Fazit ist also: Je nachdem was man erreichen wollte, könnte man mit border-image schon einiges anstellen, wenn da nur der Internet Explorer nicht wäre. Vernünftige Browser haben bereits brauchbare Implementierungen an Bord, wobei man aber genau nachlesen sollte, welche Browserversion welche Revision der Spezifikationen inwiefern unterstützt. (#)

Spice Up Your WordPress Theme with Special Effects on Post Images

[Sarah Gooding, 09.09.2010] A new plugin called Get Post Image is packed full of special effects that you can use in your WordPress theme, including thumbnailing, formatting, masks, and logo insertion, and many more advanced features. Get Post Image is a wrapper for Get The Image WordPress plugin and phpThumb library. It’s easy one to overlook in the repository, because it has a simple name and no screenshots. However, if you visit the plugin’s homepage, you can see all of the exciting options it offers. (#)