Con bordes redondeados y a lo loco

Categorías: Desarrollo web, CSS, HTML

Hace mucho tiempo que comente una gran lista de recursos sobre el tema de las cajas o recuadros con bordes redondeados, se trata de una buena dirección CSS Rounded Corners Roundup, que dispone de una gran cantidad de métodos (CSS y JavaScript) que han sido recopilados por Christian Watson en su blog, es una página que está en continua actualización cuando su autor encuentra técnicas nuevas, por eso la menciono de nuevo. Ya no tienes escusa, si no utilizas bordes redondeados en tus sitios web es porque no quieres. El problema habitual a la hora de crear cajas con esquinas redondeadas, es que existen muchas opciones técnicas, y es complicado saber cuál elegir. De entre toda la información que nos proporciona, cada uno puede seleccionar la mejor se adapte a nuestras necesidades. Todo depende de nuestras preferencias individuales, y particularmente si desea utilizar una técnica basada en JavaScript o no. Podemos probar algunos métodos y ver si hay uno que se adapte. Según comentan en BdeBloggers, con el CSS3 no sólo incluye capacidad para hacer texto que parezca ‘grabado’, sino también permite agregar bordes redondeados sólo mediante la instrucción border-radius (con los prefijos -moz o -webkit, depende del motor de renderizado que lo tenga que interpretar). El problema de ese método es que sólo es compatible con las últimas versiones de los navegadores (y, por supuesto, Internet Explorer queda excluído). Aunque, dado que la creatividad del diseñador está limitada únicamente por su imaginación (y no por la tecnología). No lo dudes y echa un vistazo a la citada lista que merece la pena ir revisándola cada cierto tiempo para encontrar métodos más eficientes o más compatibles... o simplemente más bonitos.

Publicado el 05/11/2009 por Toni