captured sparks

When redesigning captured sparks, I made the conscious decision to design for the latest browsers. This was for 2 reasons: Firstly, it reduced the amount of time I needed to spend testing the site – an entirely selfish reason, I accept. Secondly, the only way to drive a reduction in the number of users with older browsers, is for more developers and designers to design sites using the latest technology.

I accept, of course, that a significant number of users in corporate environments may have no control over their browser of choice. For this, I do plan on offering a simple version of captured sparks.

In light of this, I have not had regard to compatibility with older browsers such as Internet Explorer 6. The main feature, unsupported by older browsers, that this site makes use of is the @font-face construct. Headings on the site use the Contra font, with degradation to Georgia etc.

I also make liberal use of some other CSS3 properties:

border-radius: 5px;
box-shadow: 2px 2px 10px #222;

I’m also using a Safari only property to handle the fades on the “Work”:http://capturedsparks.com/jobs page:

-webkit-transition: opacity 0.7s linear;

Given that I use this site to try and secure work, it may not be the best illustration of how I can make a site cross-browser compatible. However, in these circumstances, I hope potential clients will look at my other work and see that for paid work, cross-browser compatibility is something I do strive for.