logo

Adding A Little CSS3 To CodeStore

Finally got round to making a few CSS tweaks to this site. For years now the blue header bar has had rounder corners at the top. This was achieved with background images via CSS.

Now that CSS3 gives us the ability to round corners off I've switched to using CSS and the site is now one image lighter.

If you use a modern browser - Chrome of FF3 you shouldn't notice much difference. Apart from the grey menu bar looking a little snazzier.

image

Although, if you use IE then things might look a little blocky. Sorry, but I've got to move with the times. Maybe you ought to too?

image

More tweaks to come...

Comments

  1. Hi Jake,

    consider using the jQuery Corner plugin (http://jquery.malsup.com/corner/) is very easy to use and it uses native css3 in those browsers that support it (Opera 10.5+, Firefox, Safari, and Chrome), and do some magic for older browsers (IE<9).

    I've been using it for a while and it works quietly.

    .::AleX::.

      • avatar
      • Jake Howlett
      • Fri 5 Nov 2010 08:09 AM

      Nah. I'm too much of a purist to add code just to make things work in out-dated browser. It degrades well enough that I'm happy just to push the barrier a little on this one.

      Show the rest of this thread

    • avatar
    • Dragon Cotterill
    • Fri 5 Nov 2010 08:44 AM

    And of course, when HTML5 becomes a little more commonplace, you'll be re-vamping yet again. Projects are never finished...

      • avatar
      • Ferdy
      • Fri 5 Nov 2010 07:03 PM

      Hate to be so anal about this but couldn't resist:

      - HTML5 is not about styling. Most likely you mean CSS3, which actually has nothing to do with HTML or HTML5. The only reason I am so precise about this is the current marketing approach of HTML5, which is already setting wrong expectations.

      - As for CSS3, if Jake is now using both the native and browser extension declarations, then all of this will continue to work in newer browsers. It is future proof code if you do it that way.

  2. If your site is like mine, most traffic comes in of safari, chrome or ff3. i think the new stats for the whole internet is 50% for ie, so you at least get half.

    I am really glad the engine in 8.5.2 uses the equivalent of ff3.5 so you can use ccs3 in your xpages apps for the client, makes things much easier.

    • avatar
    • ianb
    • Sat 6 Nov 2010 01:11 PM

    "...and browser extension declarations, then all ..."

    can anyone explain the browser extensions to me? I remember that microsoft were harangued for daring to put in specific extensions for IE that allowed it to do things that other browsers couldn't (graduated fills, filters etc). But now, I see that there are specific extensions in mozilla and chrome that also add features (so -moz- etc...) and the web community is falling over themselves with the wow-factor they give ?

    doesn't make sense, or is it just me?

      • avatar
      • Jake Howlett
      • Mon 8 Nov 2010 03:02 AM

      Not just you. Stinks of hypocrisy to me too.

Your Comments

Name:
E-mail:
(optional)
Website:
(optional)
Comment:


About This Page

Written by Jake Howlett on Fri 5 Nov 2010

Share This Page

# ( ) '

Comments

The most recent comments added:

Skip to the comments or add your own.

You can subscribe to an individual RSS feed of comments on this entry.

Let's Get Social


About This Website

CodeStore is all about web development. Concentrating on Lotus Domino, ASP.NET, Flex, SharePoint and all things internet.

Your host is Jake Howlett who runs his own web development company called Rockall Design and is always on the lookout for new and interesting work to do.

You can find me on Twitter and on Linked In.

Read more about this site »

More Content