I designed and built this landing page for the client’s new umbrella brand. I wanted to create a simple, clean and more modern take on the current site.
It was also a great opportunity to do a nice clean, modern build. I sprited the images up, used semantic HTML5 where I could and a bit of custom JavaScript for the icon rotation. All the background gradients are CSS3, which was nice but also presented some issues with regards to backwards compatibility. To overcome these I used CSS3 PIE to enable rounded corners and gradients in older versions of IE.
I also used text-shadow which unfortunately doesn’t work even in IE9. I overcame this using the :before pseudo-selector and set the content using the data-innertext attribute that I gave the text. This was all enabled using a conditional class on the body.
Overall I think it’s a nice site with some nifty little CSS tricks that keep it looking good even in older versions of IE.