SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Apr 2012
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS3 Adoption - Implement or Wait?

    I run Opera personally as main browser. I'm running version 11.something.
    Opera can't yet display some CSS3 stuff, like this page
    http://www.css3.info/preview/colored-border/
    I just get solid black borders.

    CSS3 is so new. I wouldn't want to exclude the millions of users who're still on CSS2 browsers. And I don't see the point in coding things in 2 separate versions.

    What are your thoughts on CSS3 adoption?

    ------------------
    I did do some searching before posting.

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,578
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Well, I'd start using CSS3 when possible. Stuff like roundedborders I'd definitely do in CSS3, because it's simple to use, and for those who don't have it, they can just suffer without rounded borders. It's not a big effect to have on a page anyway .

    Same way with gradients. I COULD use an image to do the gradient, but if I use CSS3 I could do it like that. Provide a solid background color for those without CSS3 support.

    Just make sure that the effect you are doing with CSS3 won't kill the pages look without having support for it. Have some degradation .
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,347
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    You should be looking at enhancing things with css3 so that good browsers get the best experience but older browsers get the standard experience.

    Don't use any css3 properties that would break a layout if they were missing in certain browsers. Things like border-radius, text-shadow, box-shadow are just icing on the cake and do not break a layout if the browser doesn't understand them so you can use them safely.

    For the more advanced, newer and experimental CSS3 properties I would wait until most of the browsers support them before using them as they may indeed change during development. By all means test and play around with the newer properties (because that's how bugs are found and that's why they are vendor prefixed) but just don't use then for real unless its your own personal hobby site.

    CSS3 is being implemented piecemeal unlike css2.1 so browsers will probably never have full css3 support but certain properties will be safe cross browser. You can use sites like caniuse to gauge how much support there is for a certain property.

  4. #4
    <title class="lol"> bronze trophy TehYoyo's Avatar
    Join Date
    Feb 2012
    Location
    Northeast Chicago Suburbs
    Posts
    806
    Mentioned
    18 Post(s)
    Tagged
    1 Thread(s)
    Right. Like Paul mentioned, I would recommend using it simply to enhance UX. Don't try and create a layout that relies on CSS3. It's like when IE6 was still a concern. Developers had to provide fallbacks for IE6 or older browsers like that. Do the same for CSS3.

    ~TehYoyo


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
  •