Código CSS para centrar una web en pantalla
Raro es ya ver una web que no esté centrada horizontalmente, por otro lado, existen webs de poca altura que en algunos casos nos interesa más, verlas centradas verticalmente en el monitor. Por otro lado una tendencia ya muy expandida es el uso de «pies de web«. Aquí os dejo algunos códigos CSS que espero os puedan servir en vuestros próximos diseños para solucionar estos conceptos.
¿Cuándo debemos de abrir una nueva ventana del navegador?
Por lo general nunca, pero vamos por qué no hacerlo, y cuándo abrir en una nueva ventana, en función del sitio y de las preferencias del usuario.
Pese al tiempo que dedicamos a hacer estudios de navegación, el usuario sigue usando preferentemente el botón «atrás» del navegador, y este uso queda anulado al abrir una nueva ventana. Otra razón, es que el usuario debe de tener en todo momento el control de la navegación, por lo que no debemos de imponer el abrir un enlace en ventana nueva, salvo alguna ocasión muy determinada.
Hacer más fácil la lectura usando bien las fuentes
Más del 90% de la información de una web está escrita, por lo tanto es obvio que deberemos de controlar a la perfección esta disciplina, tanto gráfica como estructuralmente.
Debemos de saber cómo distribuir toda esa información, dando relevancia a lo importante, sabiendo destacar lo imprescindible de lo demás, para que el usuario pueda encontrar con facilidad lo que busca.
Cómo hacer un buen redireccionamiento
Está claro que un redireccionamiento ha de ser muy meditado, ya que nos va a influir directamente en google.
Una vez tomada la decisión no debemos de hacer cualquier redireccionamiento, el menos «peligroso» es el redireccionamiento 301, mediante el cual le informamos al robot del buscador, que la página que está buscando, ha sido redireccionada definitivamente a la nueva url.
Vamos a ver en qué consiste y el código necesario para generarlo.
¿Qué mira un usuario cuando hace una consulta en el buscador?
Ya en un post anterior, vimos ¿en qué se fija el usuario, cuando visita nuestra web?. En este caso, el estudio de «eye tracking» elaborado por eyetools, nos desvela los usos y costumbres del usuario de google ante el resultado de una búsqueda, con el llamado «Triángulo de Oro«. Vamos a ver estos resultados y vamos a ampliarlos con otro estudio realizado por enquiro, con los resultados para Yahoo y Msn.
Los mejores sitios para descargarte gratuÃtamente una tipografÃa
Existen muchos sitios en los que descargarse fuentes gratis, unos destacan por la cantidad de tipografÃas que ofrecen, otros ofrecen menos pero son más selectos, en cualquier caso con este listado seguramente que encontréis una tipografÃa que se adapte a vuestras necesidades.
Dafont, sin duda la más conocida. Tiene una biblioteca de fuentes fantástica para mac y win.
1001 Free Fonts, tiene muy buenas fuentes ordenadas por categorÃas. Una vez que eliges una fuente que te guste, tienes la opción de descargártelas para mac o win. Lo que le diferencia de otras webs de este tipo, es que puedes probar la fuente antes de bajártela.
A-Font, un blog con una treintena de fuentes muy buenas para descargarte.
Rfonts, muy buena web. Escribes una palabra y te la muestra en todas las fuentes disponibles. Muy útil para poder comparar.
AbstractFonts, cientos de fuentes que no sólo puedes descargarte, si no que también puedes hacer pruebas tanto en tipografÃas como en tamaño de texto.
UrbanFonts, esta web además te permite cambiar el color tanto del background como de la fuente para ver el resultado antes de descargártela.
TypeNow, la particularidad de esta web, es que puedes descargarte fuentes que se han hecho famosas en series, pelÃculas,… (Star wars, Simpsons,…)
