Sproing! – Make An Elastic Thumbnail Menu; Si buscabas métodos alternativos para construir los menús de las web que desarrollas, el menú de miniaturas elásticas pueda ayudarte un poco a salir de lo habitual. ¿Qué hace exactamente?, Aumenta los elementos del menú cuando se posa sobre él. Y donde los elementos del menú se amplían hacia arriba. Leer MAS →
Create a Social Media Sharing Menu, es un tutorial donde se les mostrara como crear un menú de medios sociales que comparta tus noticias. Usa exclusivamente CSS y jQuery . Como CSS básico utiliza la propiedad CSS background-position y un poco de jQuery para hacer las animaciones en los enlaces. Útil y bastante simple de adaptar a nuestros post wordpress (single.php).
Resultado Final: Demo – Descraga Archivos social-share-css-jquery (ZIP, 0.017 MB) Leer MAS →
CSS 3 Mega Dropdown Menu Tutorial, es un bonito tutorial para aquellos que venían pensando mejorar el menú de sus clientes. El objetivo de este tutorial, es poder crear un menú atractivo y más funcional, usando nuevos atributos de CSS3 para reducir aún más el uso de las imágenes.
Demo – Descarga - Info y Tutorial CSS 3 Mega Dropdown
Pimp Your Tables with CSS3, algunos ejemplos de cómo utilizar algunas propiedades CSS3 para embellecer las tablas. Nuevos selectores que podemos usar en partes específicas de la tabla y las filas a fin de crear un estilo único, sin añadir otras clases.
Se webkit y moz, gradientes para crear un mejor aspecto sin utilizar imágenes, además se muestra como insertar contenido en elementos con una clase específica.
Ver Demo – Descargar Demo
Ampliar Informacion Pimp Your Tables with CSS3
Fancy menú se hizo popular en devthought , basado en la biblioteca Mootools. Mas tarde conocimos una versión utilizando jQuery, llamado lavalamp, el cual tambien se hizo popular por Ganesh . Esta vez, veremos cómo obtener el mismo efecto utilizando las nuevas características de CSS3.
Nota: Se ve mejor en un navegador WebKit (Safari y Chrome). Este ejemplo es sólo para demostrar las capacidades de las características nuevas CSS3Enlace Fancy menú - Ver Demo – Descarga
CSS Hover Effect, una muy atractiva practica para añadir a las fotos de tus productos información adicional que se mostrara en forma mucho más elegante (descripción del producto cuando el ratón pasa sobre él). La primera pieza contiene un proyecto en miniatura que se muestra por defecto (en estado normal). La segunda contiene el texto y descripción de esta pieza y la descripción del proyecto debe sustituir a la miniatura cuando está en estado hover.
Ver Demo – Descarga – Mas Info CSS Hover Effect
El CSS es definitivamente una gran técnica para los diseñadores y desarrolladores web. Sin embargo, entre los problemas del navegador y la falta de apoyo CSS3 en los navegadores modernos, suelen transformarse en un verdadero problema. En catswhocode han recopilado 8 Javascript que les permitirá solucionar los problemas más comunes. Por ejemplos Transparencias, incluir clases diferentes para los diferentes navegadores, solucionar los problemas de alturas de las columnas, Solucionar la vista de las esquinas redondeadas, Fixing IE overflow problema, Los alineamientos verticales, las precargas de imágenes, Matar IE6 (colgará automáticamente una vez que la página se carga)
Siguenos desde tu lector de feeds favorito.
Recibe los artículos en tu casilla de correo electrónico.
Set de Iconos para organizar todos tus archivos WP en tu ordenador Formato .Ico y Png
Set de Iconos con estilo Jeans, para resaltar los RSS de tu blog. Formato Png y en varios Px
Set de Iconos para tus RSS inpirados en la Marca Levis. Formato Png y en varios Pixeles.
