Google Blogoscoped

Forum

Rounded Corners in CSS  (View post)

Ionut Alex. Chitu [PersonRank 10]

Monday, June 12, 2006
13 years ago4,655 views

I really like this approach:
modxcms.com/simple-rounded-cor ...

Ionut Alex. Chitu [PersonRank 10]

13 years ago #

And also Spiffy corners (Anti-aliased rounded corners using pure CSS.)
spiffycorners.com/

Art-One [PersonRank 10]

13 years ago #

Philipp: Nice and easy technique, although it would give problems to use it e.g. on companies website because of the differences in browser behaviour. I do think code should be browser independant as much as possible.

Ionut: Although (much) more complex, the techniques described in your links should be preffered I think. Sorry Philipp :-(.

Tony Ruscoe [PersonRank 10]

13 years ago #

I think the rounded corners created by that CSS look awful in FF anyway because they're not anti-aliased. I'd prefer a box with square corners any day of the week!

By the time all browsers support rounded corners using CSS, I think they'll be out of fashion...

Ryan [PersonRank 0]

13 years ago #

It's not about looking the same pixel by pixel across browsers, customers don't care about that.

As long as it degrades nicely and still looks readable, it's fine.

Q... [PersonRank 0]

13 years ago #

... do you know if it will become more widely supported?

Pierre S [PersonRank 10]

13 years ago #

They're not rounded when watching the post from the Google Reader Module for Google IG

CJ Millisock [PersonRank 10]

13 years ago #

They're also not rounded when viewing the post from Google Reader at reader.google.com.

Philipp Lenssen [PersonRank 10]

13 years ago #

I suppose Google Reader kicks out any inline stylesheets?

Tadeusz Szewczyk [PersonRank 10]

13 years ago #

Remember that rounded corners are sooooo Web 2.0!
So sooner or later you will to relaunch to match the latest developments (Web X.0) or you just stick to the less fancy standard corners, that are easier to implement anyways.

Philipp Lenssen [PersonRank 10]

13 years ago #

In the year 2017, Web 2.0 designs will be considered retro-modern and everyone will be using them again :)

Joey J. [PersonRank 5]

13 years ago #

This is kinda cool, but looks too complex for comfort.

Matt [PersonRank 0]

13 years ago #

You can also use "border-radius" with exactly the same value to include Safari users.

Stephen Glynn [PersonRank 1]

13 years ago #

There are some nice browser-independent techniques at webreference.com/programming/c ...

iZeitgeist [PersonRank 10]

13 years ago #

For those who haven't noticed it in Digg:

Rendr: gregtaff.com/rendar2.html

" Rendr is a live CSS and HTML rendering tool. It displays what the page would look like as you type, making it great for rapid testing of page designs. "

This thread is locked as it's old... but you can create a new thread in the forum. 

Forum home

Advertisement

 
Blog  |  Forum     more >> Archive | Feed | Google's blogs | About
Advertisement

 

This site unofficially covers Google™ and more with some rights reserved. Join our forum!