6 Sep

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

18 Feb

Chistes para programadores

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

17 Feb

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.

22 May

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

11 Sep

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‘

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‘

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