Esquinas redondeadas sin imagenes solo CSS y JS
Escrito por The Ghost el Thursday, 14 de September del 2006 a las 5:07 pm
En mi busqueda por tratar de hacer las esquinas redondeadas sin usar imagenes vease las esquinas del div principal), hallé esta interesante manera de hacerlo solamente usando CSS y JS. Y es usando la libreria de Nifty Corners Cube.
La verdad no es nada dificil, más de lo que creia y me sirvió para poder entender un poco más el juego del JS y la magía del CSS.
Existe un manual muy bien explicado por el mismo creador del Nifty Corners Cube, Alessandro Fulciniti. Sin embargo está en inglés.
Pero aqui encontré la traducción de como usar perfectamente esta libreria que comparto con ustedes. Claro algunos ya la conocían, pero para los que aún no, bien les podría servir su lectura.
Buen provecho.
Saludos
The Ghost
Guardado en: Tags: CSS
Puedes seguir este artículo atravez deRSS 2.0 feed
Puedes dejar un comentario, o hacer un trackback desde tu blog
Otros blogs que hablan de este tema
- 816 views -
Imprime este Artículo
- - Compartelo -
Comentario de RoQ
Realizado el Thursday, 14 de September del 2006 a las 6:07 pm
Usa 
Internet Explorer 6.0 en 
Windows XP
mmmm, no se porque veo un parecido con cierto blog ecuatoriano.
por otro lado eso de esquinas redondeadas es de sencillo uso para el webmaster, pero en si consume bastantes recursos, ya que lo que hace es dibujar las esquinas con muchos (muchos, muchos) divs de distintos tamaños aplicando estilos en linea para cada uno, si lo hace para una sola caja esto significa un monton de divs extras dinamicamente creados en cada esquina, si lo aplicas a varias cajas en una pagina dinamica como es un blog, puede hacer que la web demore en cargar un poco, claro que en una pentium IV de 3.0 va a ser al toque pero en una lenta el visitante va a ver como se van dibujando los bordes, cosa que puede ser un poco fastidiosa.
Hay tecnicas que usan CSS JS e Imagenes, y que sn mas rapidas ya que no dibujan muchs divs.
Comentario de The Ghost
Realizado el Friday, 15 de September del 2006 a las 1:20 pm
Usa 
Mozilla Firefox 1.5.0.6 en Windows XP
xDD en el diseño no creo ya que ese blog usa una columna y yo dos…en si, de ahi fué donde conoci esas librerias y lo usé para aprender.
Lo que dices sobre las esquinas redondeadas es cierto y fué por eso que en mi anterior tema pregunte si a alguien le molestaba algo o notaba lentitud a la hora cargar.
Si sucede algun problema y los usuarios se quejan, lo cambio por imagenes. Pero asi como se ve, la forma de hacerlo sin las imagenes es bueno y puede ayudar.
Saludos
The Ghost
Comentario de ultreroe
Realizado el Thursday, 3 de July del 2008 a las 10:36 am
Usa 
Opera 9.51 en Windows XP
porque coño acen paginas esclusivas para firefox 3.0 y otras para todos los navegadores ay unos listos que dicen mira si tienes firefox veras estas esquinas redondas y con opera tiene css3 pero acen que lo pueda usar firefox
Comentario de ultreroe
Realizado el Thursday, 3 de July del 2008 a las 10:43 am
Usa Opera 9.51 en Windows XP
el mejor es mi navegador
Comentario de hulaypruebenlo es muy bueno
Realizado el Thursday, 3 de July del 2008 a las 10:45 am
Usa 
Mozilla 1.9.1a1pre en Windows XP
el segundo mejor navegador es este es una beta de firefox 3.1 pero se llama asi apartir de aora las betas algunas se llamaran asi
Comentario de pruebalositesaledelagana
Realizado el Thursday, 3 de July del 2008 a las 10:48 am
Usa 
Safari 525.21 en 
Mac OS X
el tercero mejor es safari 3.2 pero por la compatibilidad de algunas pagina aun no se adatan al el
Comentario de pruebalositesaledelagana
Realizado el Thursday, 3 de July del 2008 a las 10:48 am
Usa Safari 525.21 en Mac OS X
e lo uso en xp y es safai 3.2
Comentario de fgefeh
Realizado el Thursday, 3 de July del 2008 a las 10:52 am
Usa Internet Explorer 8.0 en Windows XP
este es el 4 pero el internet explorer 8 beta1 internet explore 6 y 5 y7 son peoores que el ocho mejor que la otras versiones entonces esto sinifica que muestra que es un explorador antiguo mirelos test de las versiones finales
http://software.adslzone.net/reviews/comparativa-entre-ie7-firefox-30-opera-95-y-safari-311/
