Etiqueta ~ CSS3

Efectos hover para desplegar información de imágenes

Tamara

Si están armando un sitio con portfolio o una galería de imágenes que requieren mostrar información sin perder de vista lo esencial que es destacar los trabajos de forma central, una buena forma es animar los gestos del mouse que ocurran sobre los elementos. Con las animaciones realizadas a través de CSS3 se pueden realizar [...]

Continuar leyendo [+]

Portfolio horizontal con animaciones CSS3 y jQuery

Tamara

Una buena forma de mostrar trabajos puede ser una línea de tiempo, y cuánto mejor si podemos agregarle efectos interactivos que hagan la experiencia del usuario mucho más agradable y amena. Esta idea de portfolio es ideal para quienes no tienen mucho para decir en palabras pero poseen una buena cantidad de imágenes, ya sean [...]

Continuar leyendo [+]

Efectos para listas con scroll (CSS3)

Pablo

Stroll.js es una fantástica colección de efectos basados en CSS3 para aplicar a listas con scroll. Este magnifico recurso funciona en la mayoría de los navegadores, la única condición es que soporten las propiedades más comunes de CSS3, estoy hablando principalmente de las relacionadas a las transformaciones y escaladas de objetos. Si bien el recurso [...]

Continuar leyendo [+]

Botón con indicador de carga

Pablo

Ladda es un pequeño set de botones diseñados combinando la potencia de CSS3 y JavaScript para mostrar una pequeña animación que indica que determinado formulario se esta enviando. Este tipo de recursos impacta directamente en la experiencia del usuario, un error bastante frecuente es que ante la posible demora al procesar un formulario el usuario [...]

Continuar leyendo [+]

CSS3Ps: plug-in para convertir archivos de Photoshop a CSS3

Tamara

Podría ser un sueño hecho realidad, cada vez que enviamos una plantilla elaborada en Photoshop, hacemos hincapié en que para dejarlo funcional es necesario contar con los conocimientos adecuados de maquetación y diseño. Este pequeño amigo puede ser una excelente solución a la hora de trasladar nuestros diseños o templates a la versión web. El plugin funciona [...]

Continuar leyendo [+]

Set gratuito de modulos CSS (responsive design)

Pablo

Pure es un conjunto de módulos desarrollado con CSS para integrar a cualquier proyecto de manera sencilla, debido a su simpleza su uso es de lo más sencillo. Este trabajo se ideo para ser el punto de inicio de cualquier proyecto, sus componentes son de uso diario. Entre los módulos que lo componen podemos destacar: un [...]

Continuar leyendo [+]

Menú adaptable simple con enlaces de texto e íconos

Tamara

Este recurso implementa un menú simple cuyos componentes responden al movimiento del mouse (hover) y despliegan sub menúes para selección que al mismo tiempo pueden incluir enlaces de texto e íconos explicativos. El funcionamiento es muy simple, como también lo es personalizar las opciones de muestreo. Gráficamente resulta atractiva la forma en la que aparecen [...]

Continuar leyendo [+]

Acordeón gráfico sin JavaScript

Tamara

Las animaciones gráficas que en un momento se hicieron con Flash, hace tiempo que fueron reemplazadas por JavaScript, esto es primeramente para una performance más controlada y por otro lado para que todo lo animado sea accesible a los robots de motores de búsqueda y al mismo tiempo los sitios sean validados. Se ha institucionalizado la [...]

Continuar leyendo [+]

Galería de plantillas basadas en HTML5 y CSS3

Pablo

Spiffy es uno de los primeros showcase de plantillas HTML5 y CSS3 que pude encontrar. Con un repertorio de trabajos no muy amplio pero si de gran calidad, las plantillas se encuentran perfectamente organizadas listas para ser descargadas. Cada una de las plantillas se puede descargar de forma gratuita, además pueden probarse directamente desde el [...]

Continuar leyendo [+]

Transiciones y transformaciones CSS con jQuery

Pablo

No hace falta decir lo poderoso que resulta CSS3 a la hora de realizar transiciones, su sencillez y excelente rendimiento en navegadores modernos lo convierten en la mejor solución a la hora de realizar una tarea de estas características. Sin embargo no siempre resulta sencillo escribir CSS que haga las transiciones y transformaciones de la [...]

Continuar leyendo [+]