Safari CSS Wizardry
The Safari team is really working hard at making Safari attractive to web designers. As a web designer I like things that make my job easy. A lot of things that I want to do as a designer end up being scrapped due to difficulty in implementation. Things like custom fonts, fancy borders, text effects, and the like. Many of Safari’s recent additions solve these problems for me. The multiple-background ability, the border properties (used here on this site — more on that soon) and more makes me want to incorporate these advanced features in my designs.
Well now they have a new one to add to the bag o’ tricks — CSS Masking. Having the ability to easily add a mask to an image via CSS will be great. There are many times I have wanted to add something like this to a design, but decided against it because it would require the user to edit the image in Photoshop (or insert photo editing tool of choice here) and then upload it. That’s easy for me, but most people wouldn’t have the first clue. Now it’s as simple as creating the masking and assigning some CSS to the image tag.
Now if we could just get these features in Firefox. I’d wish for them in IE, but that seems about as likely to happen as me winning $1,000,000.