21.104 lecturas 2 comentarios

Tu Web en 200 navegadores

Si eres desarrollador web / maquetador, te interesará saber que BrowserShots te 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.

8.545 lecturas 0 comentarios

Galería a pantalla completa en Jquery

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.

Ver Demo Galería a pantalla completa en Jquery
Descargar Código de Galería a pantalla completa en Jquery
Ver Documentación sobre la Galería a pantalla completa en Jquery

5.156 lecturas 2 comentarios

Wallpapers en condiciones

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.

Visitar Interfacelift

4.691 lecturas 0 comentarios

28 wallpaper del Universo

universo1Me alucinan las escenas espaciales, las composiciones de color que existen en el universo.

Son de descarga gratuita. Os los dejo adjuntos a continuación. 50 increíbles wallpapers sobre este tema.

(más…)

93.296 lecturas 10 comentarios

Centrar un Div en Pantalla

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!

Tutorial completo Ver Contenido