SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Zealot AirFor's Avatar
    Join Date
    Oct 2010
    Location
    Berrigan, NSW, Australia
    Posts
    132
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    When to start using CSS3?

    Hello,

    So I've been doing a bit of research on CSS3 and all the fun stuff you can do with it and it got me thinking about the wide scale use of it. So when should we start using CSS3? I'm not sure as to if all the current browsers support it fully or if it is even a completed language yet. I've seen several previews on css3info which makes me think it's not ready yet.

    Thoughts?

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,097
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Most of it is not ready yet or even fully formulated. Some browsers have begun to implement little bits of it, like border-radius (either via vendor-specific prefixes or by using border-radius itself). So you can use it in little doses, but most of it will not work in a lot of browsers. IE9 has started to support little bits of it, but not any previous versions.

    There are some scripts out there that can help older browsers imitate CSS3 features, but it's a bit dubious to be loading up sites with JS just for that.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Zealot AirFor's Avatar
    Join Date
    Oct 2010
    Location
    Berrigan, NSW, Australia
    Posts
    132
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Interesting, thanks for the reply. I guess it wouldn't hurt to start reading up on it and keeping in the know with the latest bits and pieces. Is this also the case with HTML5?

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,097
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Yes, very much the same with HTML5—if not worse. The major browsers don't even recognize basic elements like <nav>, <section> etc. that are 'bread and butter' of HTML5, so you have to add in extra CSS and JavaScript to rescue the situation. It's beyond me why anyone is using this stuff yet.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,269
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    With CSS3 you can use the things that will have no impact on your content if they don't work or get changed later. Things like Ralph mentioned such as border radius, box shadow, text-shadow are just decoration and if they are missing the page still works fine.

    If you wait for all css3 to be finished the you have a long wait as it probably never will be but what is happening is that small sections are becoming main-stream and working in modern browsers and you can use these quite safely as long as you plan for the worst.

    If you are developing for the iphone perhaps then you can use Safari's advanced features quite safely knowing that only Safari needs to be supported.

    Have a look at when can I use for support tables.

  6. #6
    SitePoint Zealot AirFor's Avatar
    Join Date
    Oct 2010
    Location
    Berrigan, NSW, Australia
    Posts
    132
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you Paul, that's a good resource and good recommendation as well.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •