SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Zealot
    Join Date
    Aug 2004
    Location
    CA
    Posts
    141
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS design touches

    I just discovered border-radius and used it to round the corners of the boxes on my site which is something I never would have thought could be done with CSS. box-shadow looks interesting too. Are there other good CSS design touches out there?

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,101
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by tonearm View Post
    Are there other good CSS design touches out there?
    Hehe, hundreds. Welcome to the new world of CSS3.
    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
    Join Date
    Aug 2004
    Location
    CA
    Posts
    141
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Wow, new world indeed. I can see where this is going.

    As for the design touches, any you think I might like considering I was dazzled by the rounded corners? I'm looking for anything that complements what I already have as opposed to revamping.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,101
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by tonearm View Post
    any you think I might like considering
    Maybe text-shadow, or background-size ... but without seeing your layout it's impossible to say anything useful. Just remember that some of this stuff is pretty experimental and doesn't work in older browsers, so keep that in mind. The caniuse site is very handy in that regard: http://caniuse.com/
    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
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,456
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Just remember that some of this stuff is pretty experimental and doesn't work in older browsers, so keep that in mind. The caniuse site is very handy in that regard: http://caniuse.com/
    I would even go so far as to say that some of the new technologies do not work consistently in modern browsers, either. Cross-browser incompatibilities are not uncommon, expecially with the more complex effects. Before using bleeding edge effects in a client's site, be sure to verify their range of compatibility across all user devices. During this initial period while browsers are still learning how to implement these new properties, have fun!!! The new stuff is amazing!

  6. #6
    SitePoint Zealot
    Join Date
    Aug 2004
    Location
    CA
    Posts
    141
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks ralph.m and ronpat. This new stuff reminds me of ImageMagick.

    Do I need to use -webkit-border-radius and -moz-border-radius in addition to border-radius?

  7. #7
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,456
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    "border-radius" is considered to be sufficiently implemented across modern browsers; therefore, vendor prefixes are no longer recommended. The caveat remains that if a person is using an older, older browser that was not programmed to recognize the standards compliant version, it would still require the vendor-specific prefix, but that would be a very small minority of users.


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
  •