Out with the old: website revamp with CSS3

Posted in Design, News. Bookmark the permalink.

I recently revamped my website. I had grown out of my previous one and needed to make the services I offer clearer, after 2 years it’s good to have a bit of a spring clean!

I’ve applied CSS3 to produce gently rounded corners and subtle drop shadows, so it looks just a little bit prettier if you view it in Firefox, Chrome, Safari or Opera. I’ve also used a nice font for headings throughout using CSS3 font-face and it seems to work ok across all the modern web browsers. For the non-webby folk, all this means is that I’ve used some of the latest web techniques to enhance the website design and unfortunately if you view the web through Internet Explorer you may not see all of the subtleties. I won’t say anything about how Firefox or Chrome are better than Internet Explorer, that’s for the individual to decide ;-)


Pretty font-face and css3 drop shadow in Firefox


Pretty font-face but no drop shadow in Internet Explorer 8

Essential tools used in the new design:

  • Font Squirrel http://www.fontsquirrel.com/ for font-face
  • WordPress 3.0 Beta
  • Article on @font-face: http://www.miltonbayer.com/font-face/ (thank you)

Looking forward to using more CSS3 techniques in client and freelance projects, where appropriate!


Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>