Comments on: An Ode To Border-radius http://webdesignernotebook.com/css/an-ode-to-border-radius/ Web Designer Notebook is a blog for web designers featuring topics like CSS, HTML and Wordpress, tutorials, reviews and inspiration. Thu, 09 Sep 2010 15:45:56 +0000 hourly 1 http://wordpress.org/?v=abc By: FaceWord - Techniques Commencez à utiliser CSS3 Aujourd’hui: et didacticiels http://webdesignernotebook.com/css/an-ode-to-border-radius/#comment-8914 FaceWord - Techniques Commencez à utiliser CSS3 Aujourd’hui: et didacticiels Thu, 26 Aug 2010 16:51:04 +0000 http://webdesignernotebook.com/?p=213#comment-8914 [...] Une ode à border-radius Border-radius: sweetheart web designer et (malheureusement) celui qui IE8 oublié, détruisant de nombreuses web designer ses rêves. Ce message explique comment il fonctionne, quelles sont certaines des solutions de rechange multi-navigateur, et met en valeur certains sites web qui ont pris une longueur d’avance et mis en œuvre. [...] [...] Une ode à border-radius Border-radius: sweetheart web designer et (malheureusement) celui qui IE8 oublié, détruisant de nombreuses web designer ses rêves. Ce message explique comment il fonctionne, quelles sont certaines des solutions de rechange multi-navigateur, et met en valeur certains sites web qui ont pris une longueur d’avance et mis en œuvre. [...]

]]> By: Keith Wicks http://webdesignernotebook.com/css/an-ode-to-border-radius/#comment-8545 Keith Wicks Wed, 04 Aug 2010 10:27:25 +0000 http://webdesignernotebook.com/?p=213#comment-8545 That second link in my comment seems to have got mis-processed; a bracket is getting included on the end. Let me try again for you: http://www.badcyborg.net/Halo/Fun/Level5/Index.html That second link in my comment seems to have got mis-processed; a bracket is getting included on the end. Let me try again for you:
http://www.badcyborg.net/Halo/Fun/Level5/Index.html

]]> By: Keith Wicks http://webdesignernotebook.com/css/an-ode-to-border-radius/#comment-8544 Keith Wicks Wed, 04 Aug 2010 10:19:21 +0000 http://webdesignernotebook.com/?p=213#comment-8544 In my May 14th 2009 comment I promised to send you a link once I'd got my site upgrade done, but it skipped my mind, sorry! Better late than never I hope. There are many uses of border-radius and I'm pleased with the softened look. As an example page try http://www.badcyborg.net/Halo/Fun/Level2/RM/BattlePlans/PlateauFrontDefence.html, which in particular shows captioned thumbnail images with rounded corners (took me a while to figure out how to do that). I also use border-radius to get rounded corners on my dropdown menus plus a few other things, including when you hover over a typical link. Actually I introduced another use just yesterday, in making small symbols to indicate the presence of pictures or movies (e.g. see http://www.badcyborg.net/Halo/Fun/Level5/Index.html). Anyway, I hope my site makes a nice example for you. PS: My earlier remark about Firefox giving better rounded corners than Safari when there's a 1 pixel border - such as with my thumbnails - continues to hold. Opera (10.60) is almost as good as Firefox but Safari is still much inferior. In my May 14th 2009 comment I promised to send you a link once I’d got my site upgrade done, but it skipped my mind, sorry! Better late than never I hope. There are many uses of border-radius and I’m pleased with the softened look. As an example page try http://www.badcyborg.net/Halo/Fun/Level2/RM/BattlePlans/PlateauFrontDefence.html, which in particular shows captioned thumbnail images with rounded corners (took me a while to figure out how to do that). I also use border-radius to get rounded corners on my dropdown menus plus a few other things, including when you hover over a typical link. Actually I introduced another use just yesterday, in making small symbols to indicate the presence of pictures or movies (e.g. see http://www.badcyborg.net/Halo/Fun/Level5/Index.html). Anyway, I hope my site makes a nice example for you.

PS: My earlier remark about Firefox giving better rounded corners than Safari when there’s a 1 pixel border – such as with my thumbnails – continues to hold. Opera (10.60) is almost as good as Firefox but Safari is still much inferior.

]]> By: suraj http://webdesignernotebook.com/css/an-ode-to-border-radius/#comment-8539 suraj Wed, 04 Aug 2010 05:31:32 +0000 http://webdesignernotebook.com/?p=213#comment-8539 Yes, as of Safari 5 there’s no need for the -webkit- prefix and it now accepts the shorthand, which is great. It still won’t accept percentages, however. Yes, as of Safari 5 there’s no need for the -webkit- prefix and it now accepts the shorthand, which is great. It still won’t accept percentages, however.

]]> By: 用CSS3将你的设计带入下个高度 - lanmiz.net http://webdesignernotebook.com/css/an-ode-to-border-radius/#comment-8241 用CSS3将你的设计带入下个高度 - lanmiz.net Thu, 08 Jul 2010 15:18:05 +0000 http://webdesignernotebook.com/?p=213#comment-8241 [...] An Ode to border-radius [...] [...] An Ode to border-radius [...]

]]> By: Subtle Design Enhancements with CSS3 – design!flash http://webdesignernotebook.com/css/an-ode-to-border-radius/#comment-8124 Subtle Design Enhancements with CSS3 – design!flash Sun, 27 Jun 2010 20:32:13 +0000 http://webdesignernotebook.com/?p=213#comment-8124 [...] This feature is used to create rounded corners on divs. I'm sure you were designing things with rounded corners already, but can we have a collective sigh of relief that there's a code-only solution for such a common design attribute? Aaaaahhhhh. Feels good. See examples: An Ode to Border-radius [...] [...] This feature is used to create rounded corners on divs. I'm sure you were designing things with rounded corners already, but can we have a collective sigh of relief that there's a code-only solution for such a common design attribute? Aaaaahhhhh. Feels good. See examples: An Ode to Border-radius [...]

]]> By: Walter Reinthaler http://webdesignernotebook.com/css/an-ode-to-border-radius/#comment-8084 Walter Reinthaler Wed, 23 Jun 2010 11:52:56 +0000 http://webdesignernotebook.com/?p=213#comment-8084 Hi, I'm using border-radius for navigation tabs and for the hover-state of links, so they look like a button. Its easy and looks quite nice. The only problem for the moment are image-links, their behaviour is a unwanted and I could not find a solution yet. Hi,
I’m using border-radius for navigation tabs and for the hover-state of links, so they look like a button. Its easy and looks quite nice. The only problem for the moment are image-links, their behaviour is a unwanted and I could not find a solution yet.

]]> By: Start Using CSS3 Today: Techniques and Tutorials - Programming Blog http://webdesignernotebook.com/css/an-ode-to-border-radius/#comment-8039 Start Using CSS3 Today: Techniques and Tutorials - Programming Blog Fri, 18 Jun 2010 02:00:22 +0000 http://webdesignernotebook.com/?p=213#comment-8039 [...] An Ode To Border-radiusBorder-radius: web designer’s sweetheart and (sadly) the one that IE8 forgot, destroying many a web designer’s dreams. This post explains how it works, what are some of the cross-browser alternatives, and showcases some websites that took a step ahead and implemented it. [...] [...] An Ode To Border-radiusBorder-radius: web designer’s sweetheart and (sadly) the one that IE8 forgot, destroying many a web designer’s dreams. This post explains how it works, what are some of the cross-browser alternatives, and showcases some websites that took a step ahead and implemented it. [...]

]]> By: Start Using CSS3 Today: Techniques and Tutorials | Web Design Cool http://webdesignernotebook.com/css/an-ode-to-border-radius/#comment-8029 Start Using CSS3 Today: Techniques and Tutorials | Web Design Cool Thu, 17 Jun 2010 13:21:40 +0000 http://webdesignernotebook.com/?p=213#comment-8029 [...] An Ode To Border-radiusBorder-radius: web designer’s sweetheart and (sadly) the one that IE8 forgot, destroying many a web designer’s dreams. This post explains how it works, what are some of the cross-browser alternatives, and showcases some websites that took a step ahead and implemented it. [...] [...] An Ode To Border-radiusBorder-radius: web designer’s sweetheart and (sadly) the one that IE8 forgot, destroying many a web designer’s dreams. This post explains how it works, what are some of the cross-browser alternatives, and showcases some websites that took a step ahead and implemented it. [...]

]]> By: inayaili http://webdesignernotebook.com/css/an-ode-to-border-radius/#comment-7877 inayaili Thu, 10 Jun 2010 09:38:01 +0000 http://webdesignernotebook.com/?p=213#comment-7877 Yes, as of Safari 5 there's no need for the -webkit- prefix and it now accepts the shorthand, which is great. It still won't accept percentages, however. Yes, as of Safari 5 there’s no need for the -webkit- prefix and it now accepts the shorthand, which is great. It still won’t accept percentages, however.

]]>