Entradas de la categoría: maquetación

Centrado de una imagen de fondo que ocupa todo el ancho y alto

Para más de un proyecto hemos necesitado colocar una imagen de fondo (habitualmente administrable), que ocupase todo el espacio del navegador -sea cual fuere el ratio de ancho y alto del mismo-, por lo que compartimos con todos el código necesario para hacerlo (para el ejemplo hemos utilizado mootools 1.3. El html: <div id="fondo_pagina"><img id="imagen_fondo_pagina" […]

Limitar la longitud de un texto a un determinado número de líneas

En ocasiones, nos podemos encontrar que un determinado diseño nos obliga a limitar el número de líneas que puede tener un texto. Esto es imposible de realizar del lado del servidor, con lo que hemos hecho un pequeño javascript que recorta el texto del elemento deseado en las líneas que queramos. El javascript es el […]

IE7 y los PNG semi-transparentes

Las ganas que teníamos todos de que llegase el soporte del formato de imagen PNG a Internet Explorer 7, y cuando llega, llega incompleto (viva Microsoft). El descubrimiento llega después de utilizar exhaustivamente mootools, haciendo aparecer de la nada capas con una imagen PNG, mientras se realiza el efecto se ve una sombra negra (depende […]

Nuevo proyecto: Blog de Brandie Delisi

En colaboración con Better in Pink! hemos realizado la maquetación y puesta en marcha del blog de la fotógrafa Brandi Delisi, basado en WordPress integrado con Twitter, con comentarios gestionados por Ajax y paginación tipo Digg. El contacto y diseño son mérito de Better in Pink!

Nuevo proyecto: Sacred Moment Weddings

Hace ya un par de semanas publicamos en colaboración con Better in Pink! la web de Sacred Moment Weddings, una empresa de Arizona (USA) que ofrece servicios de planificación y producción de bodas y otros eventos. Nuestro trabajo consistió en la maquetación del sitio y la programación de un administrador de bibliotecas de imágenes desde […]