Etiqueta ~ CSS

Efectos animados en imágenes apiladas

Tamara

Una opción llamativa para desplegar imágenes de una forma original, estos efectos están desarrollados para optimizar el uso del espacio en sitios en los cuales es mejor destacar otros focos de atención, pero al mismo tiempo sin dejar las imágenes completamente de lado, agregando una animación que resulte atractiva, liviana y que no sature a […]

Continuar leyendo [+]

Galería de colores con su denominación CSS

Tamara

Quienes nos dedicamos al diseño de forma constante a veces dejamos pasar pequeños detalles que pueden facilitar nuestro trabajo solo por el simple hecho de no saber dónde encontrarlos. La denominación de colores en CSS personalmente suelo usarla cuando necesito marcar una caja y ver cómo está respondiendo, de esa forma aplicar un background: red; […]

Continuar leyendo [+]

Galería de imágenes con opciones hover en CSS

Tamara

Hoy en día la mayor parte de las empresas, sin importar a qué se dediquen, necesitan mostrar galerías de imágenes que ofrezcan una vista rápida del trabajo que realizan, ya sean arquitectos, diseñadores o incluso, corporaciones que comercializan productos fabricados por ellos mismos necesitan hacer uso de las galerías de imágenes en sus sitios institucionales […]

Continuar leyendo [+]

Checkbox: Botones (switch) estilo iOS 7

Pablo

Switchery es una pequeña biblioteca para personalizar el componente HTML checkbox modificando sus estilos para lograr unos switch al mejor estilo iOS 7. Este recurso utiliza CSS en lo que respecta a lo visual y JavaScript para todo lo referido a su funcionamiento. El proyecto no tiene dependencias y funciona perfectamente en los navegadores más […]

Continuar leyendo [+]

Menú acordeón en CSS con fuente PSD

Tamara

Generalmente cuando compartimos este tipo de herramientas tenemos por un lado aquellos que solo incluyen el archivo de origen en PSD que solo apuntan a la parte gráfica del desarrollo y por otro, aquellos que solo plantean la forma de maquetado en CSS sin contar con la base para modificar o personalizar las opciones. Está […]

Continuar leyendo [+]

Realizar sombra en líneas con CSS

Tamara

Se habrán dado cuenta que muchos de los elementos de la ola gráfica anterior que fue el estilo vintage se empeñan en combinarse con la nueva que llena los sitios de elementos planos y sin decoraciones. Pues este tipo de sombras de las que hoy encontré una buena herramienta para generarlas, son estéticamente muy interesantes […]

Continuar leyendo [+]

Animar las etiquetas (label) de un formulario con CSS y JavaScript

Pablo

FlyLabel.js es un recurso novedoso, al menos para mi, ya que desde que investigo en busca de nuevos proyectos para publicar en esta bitácora es la primera vez que encuentro una herramienta para animar las etiquetas de un formulario. Este recurso escrito en JavaScript esta basado en FloatLabel (desarrollado por el programador Matt Smith) permite […]

Continuar leyendo [+]

Slider con botones circulares y efectos de animación

Tamara

Dentro de la web podemos encontrar infinidad de ejemplos de sliders o presentaciones de imágenes, esto responde a que las fotografías son lo primero que la vista capta de un artículo y esta forma de muestreo es muy útil para ahorrar espacio desplegando varios ejemplos de lo que se habla en un sitio. A pesar […]

Continuar leyendo [+]