Efectos de sombras basados en CSS3. Estos efectos se pueden lograr sin la necesidad de usar imagenes, lo cual permite que la web no gaste recursos en eso.
En ingles la funcion se llama Box-shadow.
Link: Box Shadow
Esquinas Redondeadas, degradado. Esto se puede lograr gracias a CSS3 y ademas de los navegadores que nos proveen de algunas funciones y ademas nos permiten visualizarlos. Aqui abajo dejo Varios links de interes sobre el tema.. no aondare en nada porque deben ver pos sus ojos xd.
LINKS:
- Borders Preview
- Used Images for you border
- Multiple Background
ZURB ah diseñado esta botoneria que estan diseñados integramente en CSS3 y RGBA basta solo con poner una clase y tener referenciado el css respectivo, para tener estos llamativos botones. Espero los disfruten ya que estan de lujo :P.
Link: Botones CSS3 y RGBA
Diseñado con CSS y JQuery este acordeon despliega un area con infomacion al momento de hacer clic en alguna de las opciones que dispone.
Link: Simple Toggle CSS y JQuery
Eh encontrado una web de w3 en la cual me explican muy detalladamente todas las funciones de css (incluido css3) de acuerdo a prioridades de uso... revisen para que se den cuenta por ustedes mismos del poderoso recurso que dejo.
LINK: W3 Work Table
LINK: W3 Work Table
Un muy buen recueadro gentileza de css3.info en la que muestra la compatibilidad que existe con los nuevos selectores que posee css3. Si gustas puedes hacer un Test Online y comprobarlos con tus Ojos. REALIZAR EL TEST
(clic full sceem)
(clic full sceem)
Esta imagen nos muestra como se ven las fotos en este visor de imagenes polaroid..
Sin mas vueltas aqui les dejo el link para que vean por sus propios ojos..
Link: Visor Polaroid
Un pdf que aun no entiendo pero te entrega directrices o mejor dicho trucos de Xhtml los cuales nos permitiran optimizar nuestro codigo.
LINK: http://floele.flyspray.org/htmlcheatsheet.pdf
LINK: http://floele.flyspray.org/htmlcheatsheet.pdf
Desde Fuentes, Diseño, Formas, Compresores y optimizadores.. Un listado bastante extenso que nos ayudara mucho.
LINK: List of CSS tools
LINK: List of CSS tools
Una interesante web en la cual te ayudan a optimizar tu codigo css de tal forma que sea mas legible y corto. En el siguiente link se mostrara la web que tiene el listado de las funciones css y como dejarlas mas cortas
LINK:Css ShortHand
por medio de una lista hace desaparecer al primero utilizando la funcion fade out de Jquery.
Esto permite que en un recuadro pequeño se visualice un listado rotatorio de Noticias.
Link:How to implement a news ticker with jQuery and ten lines of code
Esto permite que en un recuadro pequeño se visualice un listado rotatorio de Noticias.
Link:How to implement a news ticker with jQuery and ten lines of code
Menu estilo RocketDock. Hecho en CSS y de facil implantacion en sitios Webs. Lo unico que se necesita son iconos para agregar o cambiar.
Link: Dock Menu
Menu diseñado por www.Noupe.com.Despliega una barra hacia abajo, la cual se activa solamente si se apreta el boton que muestra la imagen de la izquierda. Permitiendo dejar la palabra junto a el disponible para añadir un hipervinculo.
LINK: Menu Drop Down por Noupe.com
A grandes rasgos Este plugins agrega un icono de una lupa el cual aparece con lo inverso a desvanecer. Este efecto es hecho con Jquery y CSS.
Ver demo
Ver Web
17 de abril de 2009
1- Fondos transparentes con Jquery.
Método que permite hacer trasparente un div sin la necesidad de usar imagenes PNG
La siguiente imagen ilustra de mejor manera.
Descarga Archivos de Servidor zefrox
Ir a la Web(Version Original)
Ir a la Web (Version Español google)
2- Evitar Pirateos Usando CSS y JavaScript.
Ver Demo
Ir a la Web(Version Original)
Ir a la Web(Version Español Google)
3- Columnas de Igual altura con Jquery.
Típico Problema... Las columnas no mantienen su tamaño y en muchos casos es necesario llegar a cualquier forma arcaica (ósea yo :P) con tal de lograr que queden iguales. Pues aquí presento una idea que crearon la que con la ayuda de Jquery se logra una altura igual en todas las columnas que se desee.
Ver Demo
Ir a la Web(Version Original)
Ir a la Web(Version Español Google)
4- Alineaciones Veticales
Simplemente codigo JavaScript que te permitira alinear verticalmente tus Divs.
Ir a la Web(Version Original)
Ir a la Web(Version Español Google)
5- Matar IE6
Lamentablemente en versiones antiguas de Internet Explorer el css tiene problemas. Por lo que puedes matarlo y de esta forma olvidarte del detalle.
Ir a la Web(Version Original)
Ir a la Web(Version Español Google)
Varios LightBox:
Esto se refiere a pop-ups no intrusivos usando javascript. los cuales nos ayudan un poco mas a no tener que cambiar de ventana para llenar un formulario nuevo.
LINK: LightBox
Mucha Informacion sobre el elemento Float de CSS. Francamente muy importante.
http://css.maxdesign.com.au/floatutorial/?
24 de marzo de 2009
Suscribirse a:
Entradas (Atom)
Entradas
