Esquinas redondeadas con CSS
(1 votos) 
Loading ...Escrito el 18 mayo, 2007 por Verónica Milán
Últimamente estoy investigando bastante por la web en busca de herramientas que puedan ahorrarme trabajo a la hora de maquetar mis páginas. He encontrado varias webs en las que puedes hacer esas esquinas redondas que tanto nos gustan a algunos.
Hay decenas o cientos de páginas que hablan de cómo hacer esquinas redondeadas. Muchas de ellas hablan de códigos JavaScript, como la conocida Nifty Corners Cube. Personalmente no me gustan este tipo de soluciones a base de JavaScript, ya que los archivos .js si son muy pesados ralentizan la carga de la página. Durante un tiempo he usado esta solución para LaWebera.es, pero al final acabé pasándome al CSS, lo cual a mi parecer resulta mucho más limpio y ligero siempre que sepas optimizar adecuadamente las imágenes necesarias para crear el efecto de esquina redondeada.
En este post dejo enlaces de algunas páginas que hacen esto último, redondear esquinas con CSS e imágenes:
- RoundedCornr: personalmente es la que más me gusta. Puedes crear esquinas redondas en pocos minutos, ya sean simples, con bordes, gradientes o una combinación de todo. Cuando pulsas el botón de crear te devuelve el código HTML, el CSS y las imágenes necesarias.
- Corner Shop: esta página ofrece una aplicación más simple que la anterior, pero es útil si no buscas nada demasiado complicado, igual de eficaz y te proporciona todo lo necesario para que lo implementes en tu web.
- Spanky Corners: muy en la línea de la anterior herramienta. Te ofrece una aplicación básica para crear este tipo de diseños.
Yendo un poco hacia atrás en los pasos para crear una web, si no tienes claro cómo diseñar tu página, en esta web tienen un montón de plantillas (templates) gratuitas para que te inspires o directamente te las bajes y las uses en tu web, que las disfrutes.
|
Artículos Relacionados Diseños web con estilo Voy a abrir un nuevo tema en el blog para ir poniendo capturas de páginas... Crea fondos para tu web de forma online Muy en la línea del anterior post, en este os enseño una herramienta lista para... Crear un favicon para tu página web Los favicon son esas pequeñas imágenes personalizadas que aparecen en la barra de direcciones del... Crear imágenes de direcciones de correo Vía pixelco.us descubrí hace unas semanas una herramienta que sirve para crear imágenes de direcciones... |
Publicado en CSS | 5 Comentarios
5 Comentarios para “Esquinas redondeadas con CSS”
Enlaces a esta entrada
RSS
Muy buen post! muchas gracias por compartir estos recursos,, generalmente también soy partidario de maquetar de esta manera ya que me encantan las esquinas redondeadas =)
Slds,
DiSenior Web
24/08/07 - 13:48 #
Sí, no sé que tienen esas dichosas esquinas pero atraen la atención, por lo menos a mí.
Saludos.
25/08/07 - 14:51 #
personalmente para las esquinas redondiadas las hago con photoshop yo en lo personal utilizo el cs4. y asi se haorran un monton de codigos…. ha mi pagina todavia está en construcción por si entran a verla… y si tienen un tutorial completo de ccs3 para ver si me lo pudieran aser llegar a mi cooreo se los agradeceria bastante…
26/05/10 - 1:45 #