3.891 lecturas 0 comentarios

Manual: Sistema Grid CSS

Últimamente estoy maquetando y he descubierto el sistema Grid de CSS. Me ha parecido tan maravilloso que me he sentido obligadísimo a compartirlo con vosotros. Os comentaría alguna de sus ventajas, fundamentos y peculiaridades, pero -la verdad- el manual que os disponéis a leer lo resume y explica todo con tal claridad que me lo reservo para que lo descubráis por vosotros mismos.

Si queréis maquetar como «Dios» manda, podéis empezar por aquí:

Manual online Grid – Maquetación CSS

8.164 lecturas 0 comentarios

Chistes para programadores

chistes-css

¡No todo va a ser trabajar! Desde saijogeorge.com se encargan de amenizarnos la jornada con algunos chistes basados en CSS como el de la imagen que acompaña estas líneas.

21.098 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.

5.506 lecturas 2 comentarios

The Responsinator – Diseño «líquido» / Responsive

Si te quieres apuntar a la nueva moda del diseño líquido o Responsive Web Design esta herramienta puede facilitarte bastante la tarea de comprobar las diferentes resoluciones de los dispositivos más famosos.

¡Sólo tenéis que poner arriba a la izquierda vuestra URL!

The Responsinator

3.099 lecturas 0 comentarios

La proporción Divina

No cabe duda que el diseño de una Web requiere de orden, estructura, usabilidad y equilibrio en varios aspectos.

La proporción Divina es la retícula más vista y estudiada en el desarrollo de una interface usable y equilibrada. En el siguiente enlace veréis cuales son las medidas actuales que mejor se ajustan a estas proporciones.
Ver Contenido

Calculadora de retículas:
Ver Contenido

2.965 lecturas 0 comentarios

Web Referencia: BrowserShots!

Gracias a esta curiosa página podremos visualizar nuestro sitio Web, o el que nos interese, desde 50 versiones de navegadores distintas; Firefox, Opera, Safari, Explorer…

El funcionamiento es sencillo, introducimos la URL de la Web a visualizar, seleccionamos las versiones que prefiramos y lanzamos el intérprete.

Una vez hecho esto, podremos ver las capturas de pantalla desde cada navegador con posibilidad de descargarlas.

Es especialmente útil para maquetar con CSS y ver como cada explorador se salta el estandar a la torera (en concreto y sobre todo, IE7 y 6)

Visítala! Ver Contenido

2.958 lecturas 0 comentarios

Eyetracking Consejos de Diseño

Eyetracking: Recorrido visual.

Un manual interesantisimo con un estudio sobre los hábitos del usuario al entrar en una Web.

¡No pierdas detalle para que los contenidos de tu Web sean efectivos y usables!

– Archivo Adjunto: eyetracking.rar