Comments on: Nifty Corners http://henrytapia.com/archives/2005/03/21/nifty-corners/ User experience design - Experience and design thinking Wed, 07 Jul 2010 21:33:17 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: hank http://henrytapia.com/archives/2005/03/21/nifty-corners/comment-page-1/#comment-92 hank Thu, 31 Mar 2005 06:06:20 +0000 http://www.henrytapia.com/archives/2005/03/21/nifty-corners/#comment-92 In a nutshell, it appears to use some DOM script to write some semantically meaningless code (b tags) at render time, so that the CSS can hook into it and generate curved edges. The curved edges are generated by adding a top and bottom element, and these elements in turn contain four elements (b tags) with increasing or decreasing margins to create the illusion of rounded edges. You just call a JS function onload with the div ID and background colour as parameters and off it goes. I don't think that makes it any clearer but hey, you can always go to the link and read it again. In a nutshell, it appears to use some DOM script to write some semantically meaningless code (b tags) at render time, so that the CSS can hook into it and generate curved edges. The curved edges are generated by adding a top and bottom element, and these elements in turn contain four elements (b tags) with increasing or decreasing margins to create the illusion of rounded edges. You just call a JS function onload with the div ID and background colour as parameters and off it goes.

I don’t think that makes it any clearer but hey, you can always go to the link and read it again.

]]> By: Mr Speaker http://henrytapia.com/archives/2005/03/21/nifty-corners/comment-page-1/#comment-91 Mr Speaker Thu, 31 Mar 2005 05:56:01 +0000 http://www.henrytapia.com/archives/2005/03/21/nifty-corners/#comment-91 I dont get how it works.... can ya explain for us non-designy folks? Do the curves have to be the same curvy-ness? I dont get how it works…. can ya explain for us non-designy folks? Do the curves have to be the same curvy-ness?

]]>