Si eres desarrollador web / maquetador, te interesará saber que BrowserShotste permite visualizar tu Web hasta en 200 navegadores diferentes. Es gratis pero presenta el inconveniente de tener que esperar colas hasta de 30 minutos. Si no tienes mucha prisa, y te interesa conocer la compatibilidad de tu código HTML y CSS en diferentes navegadores, no dudes en visitarla.
Bonito y resultón efecto en Jquery para navegar por los contenidos de tu Web. Lo mejor es que lo puedes configurar a pantalla completa y el efecto ventana queda aún más impactante.
Si queréis mostrar fotos en su máximo esplendor, vuestro portfolio con todo lujo de detalles o cualquier tipo de material gráfico al máximo de tamaño, aquí tenéis una buena solución.
Con esta galería en Jquery podréis enseñar vuestras imágenes a pantalla completa.
Hay gente que llama Wallpaper a cualquier cosa y luego estamos los diseñadores y artistas, que sólo somos capaces de poner de fondo de pantalla una composición que alcance el sobresaliente.
Y este es el momento en el que me veo obligado a presentaros Interfacelift, un sitio de criterio sublime para encontrar vuestra media naranja, en cuanto a fondo de pantalla se refiere. Cuentan con multiples resoluciones por obra y, lo mejor, es gratis.
Si guardáis fotos de algún paisaje, especialmente bonito, ya tenéis la escusa perfecta para echarle un ojo a este tutorial y dar un paso hacia la moda de las plumas y tintas orientales.
Una vez me dio problemas una Web donde necesitaba precisamente esto.
Si necesitáis poner totalmente centrada una capa en el navegador, aquí tenéis el código. Eso si, debe ser una capa de tamaño fijo…
div {
position: absolute;
top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
width: 600 px; /* Definimos el ancho del objeto a centrar */
height: 400px; /* Definimos el alto del objeto a centrar */
margin-top: -200px; /* Restamos la mitad de la altura del objeto con un margin-top */
margin-left: -300px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
¡Podéis ver el artículo completo en la Web Ateneupopular.com (Tenéis enlace en la columna derecha también) si necesitáis más detalles!