Rounded corners without images
17 12 2005As web design matures and standards become more commonplace, I am amazed by the number of solutions achieved by designers that dance elegantly between aesthetic beauty and semantic accuracy. Alessandro Fulciniti has created a technique with a touch of that elegance, Nifty Corners: rounded corners without images in html. Fulciniti’s technique is interesting in that it uses javascript DOM manipulation to inject meaningless tags into the document structure, styling them in orer to create corners.
My inclination is that achieving the corners without the extra server calls for the images is well worth it, even though it does use the extra, meaningless tags around the content. My only complaint so far about the technique is the minor shifting that occurs as the script works its magic, at least in Firefox 1.5 on the Mac on the most complex example. At the end of a long but beautifully full week, my only comment is the obvious one >> NIFTY!
