Rounded corners and more (Full Version)

All Forums >> [Community] >> OutFront Discoveries



Message

womble -> Rounded corners and more (9/27/2007 15:41:57)

I bet you're wondering what Wombley's found now, and if the world really needs another colour tool, aren't you? [:D]

Well this one's not a color tool, but javascript rounded corners - image free, and more...

quote:


* JavaScript-only Photoshop(tm)-like rendering without external images
* Round corners
* Drop shadows
* Glow effects
* Borders with different widths
* Full support for liquid designs
* Anti-Aliasing
* On-hover support (except for IE 6.0)
* Disable some of the corners, e.g. bottom-left
* Change borders on-the-fly
* Real transparency - looks perfect on any background
* Cross-Browser: Firefox, Internet Explorer (>=6.0), Safari, Opera (>=9.0)
* Non-obstrusive
* Leight-weight (7.7KB uncompressed)
* Fast (0.6s for the example on a 2.2GHz machine)
* No JavaScript library dependencies


Round corners AND drop shadows! [:)] Yep, this script does 'em both.

http://www.ruzee.com/blog/shadedborder/

It sort of degrades somewhat gracefully (okay then - it doesn't! [:D]) in the fact that if javascript isn't available, nothing happens. That's kind of okay if the extra decoration it provides isn't vital, but it doesn't degrade as nicely as some other javascript rounded corner methods. The effect does look really nice though, and there's not loads of extra unecessary markup, and the result's nice valid code. [:)]




Nicole -> RE: Rounded corners and more (9/27/2007 17:06:47)

Thanks Womble - that's quite nice.

Just on JavaScript (which I try and avoid if I can), I was looking at some site stats the other week for a site where the users are probably average or just below average as far as up-to-dateness is concerned (i.e. older browser usage was higher, Firefox was lower, screen resolution was behind the average), and JavaScript usage was something like 98.5%, nowhere near the 90% I thought was average). It still means 1500 out of every hundred thousand so it's still worth considering.



Tailslide -> RE: Rounded corners and more (9/27/2007 17:31:07)

Nothing wrong with using Javascript as long as the site's still usable without javascript. Don't avoid it - just stock up on unobtrusive scripts!



womble -> RE: Rounded corners and more (9/27/2007 17:46:49)

My point precisely. So long as you're not using this one for anything vital where the lack of javascript means you'll end up white text on a white background or something similar, or where it breaks the whole page layout, then it's not gonna break anything badly if javascript isn't enabled.

The site I've used it on it's for decoration - it gives some stats a different background colour and nice rounded corners and a drop shadow - it's visually an improvement over the previous script I was using, and the previous script used a ton of empty divs which didn't do anything except give a box round corners, which wasn't strictly semantic and used loads of extraneous markup. The empty divs of the previous script, while it worked, gave HTML warnings - with this one, no empty divs therefore a nice green valid tick (if you're bothered about such things) [;)].



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.078125