Después de analizar cómo redondear esquinas de forma nativa en distintos navegadores, creo que vale la pena echarle un vistazo a cómo conseguir esto con javascript.

Por lo general, redondear esquinas no es difícil, el problema es que en definitiva lo que se hace no deja de ser un “hack”, no es lo mismo poder redondear una esquina usando 1 único div, especificando una serie de atributos (como se puede hacer con CSS3), que usando 3 divs, o incluso poner una tabla y usar imágenes de fondo.

En este sentido, la pena, como siempre, es que la mayor parte del mercado sigue estando dominada por Internet Explorer, por lo que en la práctica no es correcto redondear las esquinas como expuse en el artículo anterior.

Una vez dicho esto, y sabiendo que esta es la situación actual, para que las esquinas redondeadas puedan ser visualizadas por todas las personas, sin importar su raza, religión, navegador o sistema operativo, creo que habrá que seguir haciendo uso intensivo de javascript. Por suerte, desde hace ya unos años hay librerías que nos facilitan el tema de una forma brutal:

• Nifty Corners, y su predecesor, Nifty Corners Cube: fue la primera solución y muy aclamada en su momento
• jQuery corner plugin, creado por Dave Methvin: aquí podeis ver una demo con todas las opciones, y que luego fue actualizada por Mike Alsup que incluyó bastantes más tipos de esquinas (merece la pena echarle un vistazo a la demo).
• JRC es otro plugin para jQuery: en este enlace podeis ver una demo
• MochiKit ya viene con soporte nativo para rounded corners, como se puede ver en este ejemplo (aunque no es tan extenso como el plugin de jQuery).
• OpenRico también tiene soporte para esquinas redondeadas

Finalmente, si alquien quiere que sus esquinas estén redondedas, y no tiene intención de usar javascript, bien porque busca algo más sofisticado, bien porque no le gusta usar javascript, que le eche un vistazo a este artículo sobre 25 técnicas CSS para realizar esquilas redondeadas.

Actualización: en la práctica me he encontrado con ShadedBorders que me ha gustado bastante bastante más.

Trackback URL

css, esquina redondeada, javascript, jquery, mochikit, plugin, rounded corner