Hazte tus layouts CSS + XHTML online

[Vía Ajaxian] Chris Constandinou nos ofrece una interesante aplicación web para generar layouts basados en css. A través de esta espectacular sistema puedes configurar la maqueta de tu web muy fácilmente.

El interfaz es sencillo y cómodo. Primero defines la estructura general de la maqueta eligiendo los sigui

  • Alineación del contenedor (Container alignment)
    • Centrada
    • Izquierda
  • Escala del contenedor (Container scale):
    • no scale: pondrá las medidas del body con tamaños absolutos (px)
    • text zoom: pondrá las medidas del body con tamaños remativos (em)
  • Tamaño del contenedor (Container size)
    • Pequeña (640px)
    • Mediana (760px)
    • Grande (900px)
    • Extra grande (1000px)
    • Fluido
    • Personalizado

Una vez definida la estructura general se pueden ir añadiento más elementos dentro del contenedor con los niveles de anidación que deseemos. Para cada uno de estos elementos se puede definir el número de columnas, hasta 4 y con distintas combinaciones de tamaños.
Si no tienes demasiada experiencia y/o conocimientos de maquetación seguro que __layouts te saca de más de un apuro. Al lector experimentado en estas lides es posible que no le resuelva demasiado y posiblemente la escasa semántica del código generado le molestará.

__layouts_1.png

Prueba __Layouts


4 comentarios a esta entrada

Vaya aplicación guapa…

Hazte tus layouts CSS + XHTML Online

Chris Constandinou nos ofrece una interesante aplicación web para generar layouts basados en css. A través de esta espectacular sistema puedes configurar la maqueta de tu web muy fácilmente.
El interfaz es sencillo y cómodo. Primero defines la estruct

[...] Cada vez surgen más herramientas que pueden facilitarle la vida a los desarrolladores web a la hora de hacer sus maquetas en CSS. A rejillas como YUI Grids o Blueprint y herramientas como CSS Sculptor de Eric Meyer o Constantinology se une ahora YAML Builder, que mediante un interesante interfaz realizado en DHTML permite generar maquetas CSS de forma visual. [...]

[...] __layouts es una herramienta que te permite hacer la maquetación de tu web de forma muy fácil. Esto es lo que afirman los autores, yo no lo he podido probrar ya que por ahora sólo funciona en Firefox y como en este ordenador sólo tengo Opera instalado pues no he podido usarla. Como no la he podido usar, no puedo comentar mi experiencia, así que me limito a copiar lo que dicen de esta herramienta en Tripix.net: “El interfaz es sencillo y cómodo. Primero defines la estructura general de la maqueta eligiendo los siguientes: [...]

Leave a Reply