Comments on: Border Radius http://beautifulpixels.com/web/border-radius/ Fri, 30 Mar 2012 21:51:14 +0000 hourly 1 http://wordpress.org/?v=3.3.2 By: rtud http://beautifulpixels.com/web/border-radius/comment-page-1/#comment-876 rtud Wed, 23 Jun 2010 23:50:04 +0000 http://beautifulpixels.com/?p=578#comment-876 Seems to be a must have. Thanks for this :) Seems to be a must have. Thanks for this :)

]]> By: Colin Grist http://beautifulpixels.com/web/border-radius/comment-page-1/#comment-682 Colin Grist Thu, 01 Apr 2010 15:53:10 +0000 http://beautifulpixels.com/?p=578#comment-682 What a brilliant idea, the border-radius must still be one of my top google searches, even though i've used it a hundred times already lol. What a brilliant idea, the border-radius must still be one of my top google searches, even though i’ve used it a hundred times already lol.

]]> By: CSS Border Radius | World Wide Web http://beautifulpixels.com/web/border-radius/comment-page-1/#comment-391 CSS Border Radius | World Wide Web Thu, 04 Mar 2010 22:25:21 +0000 http://beautifulpixels.com/?p=578#comment-391 [...] little web tool by Jacob Bijani for generating cross-browser border radius CSS code. (Via Beautiful Pixels.) [...] [...] little web tool by Jacob Bijani for generating cross-browser border radius CSS code. (Via Beautiful Pixels.) [...]

]]> By: Ken http://beautifulpixels.com/web/border-radius/comment-page-1/#comment-390 Ken Thu, 04 Mar 2010 22:07:39 +0000 http://beautifulpixels.com/?p=578#comment-390 I don't think it's "missing out" on anything. The point of the tool is because we can't remember even the names of the CSS keys to use -- what are the chances we can remember which unnamed corner comes first? I would never remember (or guess) that "10px 5px" means "TL and BR are 10px, TR and BL are 5px". I will continue to gladly pay 40 or 50 bytes extra per visitor (cached, in a CSS file) to be able to understand my CSS next week. I don’t think it’s “missing out” on anything. The point of the tool is because we can’t remember even the names of the CSS keys to use — what are the chances we can remember which unnamed corner comes first? I would never remember (or guess) that “10px 5px” means “TL and BR are 10px, TR and BL are 5px”. I will continue to gladly pay 40 or 50 bytes extra per visitor (cached, in a CSS file) to be able to understand my CSS next week.

]]> By: John Lascurettes http://beautifulpixels.com/web/border-radius/comment-page-1/#comment-388 John Lascurettes Thu, 04 Mar 2010 17:22:37 +0000 http://beautifulpixels.com/?p=578#comment-388 The tool is missing out on exploiting the shorthand available to -moz's unorthodox interpretation of the proposed spec. If you've got radii (going from starting top left and moving clockwise) that have a mirrored-repeating pattern (like in margins or padding) you can shorthand them rather than writing a separate rule for every corner. For example, instead of: -moz-border-radius: 10px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; One could simply write: -moz-border-radius: 10px 5px; Again: -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 5px; … would become: -moz-border-radius-topleft: 10px 5px 7px; The same cannot be done with WebKit or the CSS spec as it stands today. It's a bit too complicated to explain that in a comment. The tool is missing out on exploiting the shorthand available to -moz’s unorthodox interpretation of the proposed spec. If you’ve got radii (going from starting top left and moving clockwise) that have a mirrored-repeating pattern (like in margins or padding) you can shorthand them rather than writing a separate rule for every corner.

For example, instead of:
-moz-border-radius: 10px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;

One could simply write:
-moz-border-radius: 10px 5px;

Again:
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 5px;

… would become:
-moz-border-radius-topleft: 10px 5px 7px;

The same cannot be done with WebKit or the CSS spec as it stands today. It’s a bit too complicated to explain that in a comment.

]]> By: CSS Border Radius « http://beautifulpixels.com/web/border-radius/comment-page-1/#comment-387 CSS Border Radius « Thu, 04 Mar 2010 16:49:26 +0000 http://beautifulpixels.com/?p=578#comment-387 [...] Clever little web tool by Jacob Bijani for generating cross-browser border radius CSS code. (Via Beautiful Pixels.) [...] [...] Clever little web tool by Jacob Bijani for generating cross-browser border radius CSS code. (Via Beautiful Pixels.) [...]

]]>