Home > rounded_corner, Uncategorized, web development > My take on rounded corners in web development

My take on rounded corners in web development

I am not a big fan of rounded corners, when it comes to web development. Yes I know a few ways of making rounded corners ( using 4 corner images and nest in a way that makes the whole div look like a rounded corner box; using a javascript way that doesn’t require images; using a whole image that suites situations when scaling is not required ) but none of the approaches provides a neat and sounding solution and my take  on rounded corners is very simple — avoid them if you don’t have to use them. [ I will be using rounded corners again when css3 are supported in all major web browsers as making rounded corners only requires one line of css code. ]

I have to agree that rounded corners make sites look smoother but let’s not forget there are sites that don’t use rounded corners at all and I haven’t heard anyone saying their sites suck because of the lack of rounded corners. Take a look at the following sites:

http://www.google.com

http://www.facebook.com

http://www.dropbox.com

http://www.linode.com

In my opinion, making rounded corners to appear the same on all browsers ( yes compatibility issue again ) takes  away too much precious time and effort which can be used to improve functionality of a site, and it also introduces extra complexity and unnecessary div, css, js code.

 

Ref: http://www.facebook.com/note.php?note_id=143248897792

Advertisements
  1. December 14, 2012 at 6:07 am

    I completely agree! I’ve been using css3 round corners, and they are still an issue when it comes to handle them in multiple browsers and screen sizes. At the end they end up adding unnecessary complexity to the code.

    I think Windows 9 and Jelly Bean UI designs show that square corners can go long way in terms of design.

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: