Anatomía de una landing page perfecta
Escrito el 26 enero, 2011 por Verónica Milán
Hace unos meses hablábamos de como afecta el color a las ventas por Internet por medio de una infografía muy bien explicada. Hoy os muestro otra, esta vez centrada en las landing page (páginas de aterrizaje), que son páginas construidas con un objetivo concreto y específico, normalmente ofrecer un producto, promocionar un servicio, etc. Suelen usarse como puerta de entrada a una web desde banners o anuncios de texto. Son páginas sencillas, muy claras y centradas en fomentar la acción de usuario (hacer click en tal sitio, registrarse, reservar algo, comprar…).
Esta infografía sobre las landing page, la podéis encontrar en Formstack, que a parte de ofrecer formularios de contacto para nuestras páginas web, de vez en cuando sacan este tipo de recursos tan útiles. Leer más…
Publicado en Diseño web,marketing online | 9 Comentarios
Reset CSS para HTML5
Escrito el 24 enero, 2011 por Verónica Milán
Jugando un poco con CSS3 y HTML5 he encontrado este reset CSS para HTML5, muy útil para lograr la tan ansiada compatibilidad entre navegadores.
Este reset, a parte de lo que hacen los reset más tradicionales, como el famoso de Eric Meyer (en el cual se basa), incluye etiquetas de HTML5 para asegurarnos de maximizar el soporte de este lenguaje en diferentes navegadores.
Con el reset le quitamos margins y paddins a cosas que no deben tenerlo, quitamos estilos de fuente, tamaños por defecto, y en particular, lo que me parece muy útil de este reset CSS es darle a ciertas etiquetas HTML5 estructura de bloque (display: block), porque de hecho, deben tenerla, pero hay navegadores antiguos que no las reconocen y por tanto, necesitan de estas reglas para funcionar correctamente:
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
Sin este tipo de recursos resulta complicado maquetar en HTML5, y casi imposible hacer que los diferentes navegadores rendericen correctamente nuestros diseños.
Por otro lado, ya han salido algunas librerías javascript interesantes para lograr el renderizado correcto de HTML5, como modernizr. Modernizr añade clases CSS a los elementos HTML5 para que puedas definir estilos específicos en función del navegador.
Y para aquellos que os preguntéis porqué molestarse en maquetar en HTML5, aquí os dejo un enlace a una web con ejemplos de lo que se puede hacer en HTML5.
Enlace: reset CSS para HTML5.
Publicado en CSS,HTML,HTML5 | 2 Comentarios
Botones web hechos solo con CSS3
Escrito el 22 septiembre, 2010 por Verónica Milán
Leyendo kabytes he visto unos increíbles botones hechos simplemente con CSS3, sin uso de imágenes (salvo para dar texturra).
Publicado en CSS | 10 Comentarios
Cómo afecta el color a las ventas por Internet
Escrito el 15 septiembre, 2010 por Verónica Milán
He encontrado en KISSmetrics una interesante infografía acerca del color y la conducta de compra de los usuarios en Internet. Si sabes inglés, es una infografía que se lee y se entiende rápido… para que tomemos precaución a la hora de elegir los colores para las webs que desarrollamos. Leer más…
Publicado en Diseño web,marketing online | 10 Comentarios
Problema en ie7 – ie6 con text-indent en inputs, submit buttons…
Escrito el 16 agosto, 2010 por Verónica Milán
Es frecuente usar imágenes de fondo para dar estilo a los botones de un formulario. Cuando se hace esto, se suele despejar el botón de texto mediante la propiedad text-indent, dando márgenes negativos al texto de forma que deja de ser visible en pantalla.
Dado este botón:
<input type=”submit” value=”Buscar” class=”button” />
Usamos un CSS parecido a este para que se muestre la imagen como botón y se esconda el texto “buscar”, que aparecería por defecto como texto del botón (por encima incluso de la imagen) si no hacemos nada: Leer más…
Publicado en CSS | 5 Comentarios
RSS