with Imagination: by Dustin Diaz

./with Imagination

A JavaScript, CSS, XHTML web log focusing on usability and accessibility by Dustin Diaz

Enough with the Rounded Corners!

Saturday, June 3rd, 2006

As if they were ever that hard to do in the beginning with tables (you remember back in the day ;)), we are now experiencing the new “Got Religion” era where everyone is figuring out the new way to do all this stuff with nested div elements, some with images, some without, some with JavaScript, some without, some with domain names, others as an extension of your main site.

What is the big fuss about all this rounded corner hoopla? Near just a few weeks ago I referenced Scott Schillers approach to rounded corners which i think pretty much solves what people wanted. Yes, it uses images, and there’s no way you can make them better looking than that. When it comes to custom edges, cheesy gradients, and wicked drop shadows, an image will always take home the cake. Schillers solution not only looks nice when it’s in its regular state, but it can be molded (ala sliding doors) to fit any size height and pretty much any width you want with fairly minimal markup.

So here’s the deal

If you want rounded corners: and you’re concerned about your markup, use JavaScript. If you’re concerned about a user not having JavaScript enabled and still want your site to look pretty, then come up with a rounded image solution that won’t scale. If you want scaling, then you’re totally screwed. Got it? Have fun with your options.

One Response to “Enough with the Rounded Corners!”

  1. 15 Days Of jQuery : Wrap It Up - Pretty Corners

    […] My new “buddy” Dustin Diaz (who included a reference to me and this site in his most recent audioblog) posted an edgy “take-it-or-leave-it” kind of post called “Enough With Rounded Corners”. […]

Get "JavaScript Design Patterns"

"As a web developer, you'll already know that JavaScript™ is a powerful language, allowing you to add an impressive array of dynamic functionality to otherwise static web sites. But there is more power waiting to be unlocked--JavaScript is capable of full object-oriented capabilities, and by applying OOP principles, best practices, and design patterns to your code, you can make it more powerful, more efficient, and easier to work with alone or as part of a team."

Buy JS Design Patterns from Amazon.com Buy JS Design Patterns from Apress

Flickr

Submit a Prototype

All content copyright © 2003 - 2007 under the Creative Commons License. Wanna know something? Just ask.

About | Archives | Blog Search

[x] close

Loading...

Submit a prototype

By checking this prototype I agree that I am not submitting false credentials, pornography, or a hate crime website. I also understand that by submitting my entry I may or may not be accepted, and if accepted, my entry may be taken down at any given time if I violate these terms.