Entradas

Mostrando las entradas de febrero, 2014

Agregando Titulos (captions) a una galeria realizada con Foundation Clearing

Imagen
Implemente en una plantilla de Wordpress, que usa el plugin "legacy nextgen gallery", un álbum de galerías usando para el despliegue el componente de javascript que contiene Foundation de Zurb.
La idea era que el álbum de galerías se desplegara de forma horizontal, empezamos creando un lienzo:
<divclass="row"><divclass="large-4 columns"></div><divclass="large-4 columns"></div><divclass="large-4 columns"></div></div>
Lo siguiente es colocar el código de nuestra galería en cada una de las zonas que acabamos de crear:
<ulclass="clearing-thumbs clearing-feature"data-clearing><liclass="clearing-featured-img"><ahref="http://placehold.it/750x350&text=1"><imgsrc="http://placehold.it/750x350&text=1"data-caption="My Caption"></a></li><li><ahref="http://placehold.it/750x350&text=2">&…

Tendencias en diseño web 2014

Imagen
Hace unas semanas me aventuré a predecir las tendencias en el área de desarrollo web para este 2014, ahora toca el turno de la parte de diseño web.

1. Area protagonista (hero area). En este año no dejaremos de ver el crecimiento de esta caracterisiticas en los diseños web, la tendencia comenzo un par de años y parece que a todo el mundo le gusta tener una area importante en la pagina de inicio en la que se pueda promocionar los productos mediante animaciones con javascript, especificiamente con "sliders".



2. Responsive, responsive. Ya han madurado diversos frameworks para el desarrollo de sitios ajustables (responsive) al tamaño de la ventana de diferentes dispositivos, usando una misma hoja de estilos, logrado esto mediante los "media queries" de CSS.





3. Video en lugar de texto. ¿Alguna vez he comentado que todo el mundo prefiere ver y escuchar, en lugar de leer?, y gracias al incremento continuo en el ancho de banda, es mas fácil colocar videos de 2 minutos tipo…