CSS - rounded corners
- Started
- Last post
- 11 Responses
- raf
What is your approach to rounded corners, ie like those post count bubbles here on quick links list menu on the left hand side have?
⬅CSS offers elegant and simple rounded corners for webkit (safari, chrome) and gecko (firefox) browsers. IE needs more work though.
QBN uses a variation of sliding doors technique with opening and closing images
It's ok, but can get tricky.
There are plenty of JavaScript-based techniques. What's your preferred and safe method?
- foobaz0
Go with CSS3 rounded corners.
- and fuck IE?raf
- right in the ass.fugged
- be careful though. its FULL of shit.iCanHasQBN
- univers0
DD_Roundies, and depending on your html structure they most likely are a great solution even in IE6
- amullins0
use css3 rounded corners + the browser specific rounded corners properties (ie. -moz-border-radius and -webkit-border-radius). ie will require a little vml work ( http://snook.ca/archives/html_an… ). jonathon snook's experiment as a jquery plugin http://plugins.jquery.com/projec… . dd_roundies will work if you use x-ua-compatible meta tag set to IE=7. Another jQuery plugin that makes use of vml http://www.parkerfox.co.uk/labs/… . Use of vml will require an xhtml doctype and new namespace for vml elements - as snook points out in his post.
- fugged0
I've always used variations on the sliding doors technique and recently starting to use CSS3 more and more. If the rounded corners aren't critical to the design, then I say CSS and fuck IE.
Personally not a big fan of JavaScript being used for rounding corners and the likes...
- Stugoo0
Nah javascript is not an option for rounded corners to be honest.
I came across this a while ago.
http://dimox.net/cross-browser-b…
Been using it since.
well that is to say I dont use it all the time, I wont use it on inputs, or key layout elements but will for tertiary items whilst I still get into my comfort zone with it.
- colourform0
CSS3 all the way for me. The hacks for IE only let it off the hook. By ignoring IE (square corners aint gonna kill usability) more and more people will realise the web looks better in modern browsers and make the switch.
- +1 for css3, screw everything elseseeessess
- CSS3, if they are using IE they wont give a shit what it looks likeBIGGESTDOGINTHEWORLD
- therapist0
easily done with CSS2 if your container has a fixed width or height. If it has a dynamic width in both dimensions then CSS3 and fall back to square. Agree with no JS for such things as rounded corners.
- pillhead0
NiftyCube, I was playing around with it over the weekend, work great.
Question: Does anyone know how to change the corner radius using NiftyCube to a set pixel radius?
- lukus_W0
I think it's good to choose pointy corners sometimes.