Estándares Web en Español - Ideasfreelance

Nov 13, 2004

Creativo fin de semana en España

Clasificado bajo: — Manoloweb @ 11:00 pm

Parece que las musas de la inspiración (al menos las que ya tienen laptop, je!) estuvieron ocupadas allá entre Barcelona y Murcia, pues hace unas horas han arribado dos diseños más para el camaleón, en manos de Alex E. Sancho y Carlos Carmona.

Ambos diseños hacen un excelente uso del posicionamiento de fondos, y son vistosos y muy llamativos. Parece que los diseños con propuestas más artísticas comienzan a aparecer por las escamas del camaleón.

Aquí se las dejo ;-)

Retrospective
Recuerdos

Hasta la vista!!

15 Comentarios

  1. Será que las madrugadas tienen duende… ;)

    Magnífico el diseño de Alex E. Sancho.

    Y gracias por la parte que me toca.

    Saludos.

    Comment por Carlos Carmona — Nov 13, 2004 @ 11:27 pm

  2. Creo que ha medida que van pasando los dias la calidad de los trabajos seguirá en progreso. :D

    Sin embargo creo que hay un detalle con el que todavia se sigue en deuda: falta mayor flexibilidad para permitir la redimension de los textos por parte del usuario. En algunos casos por ejemplo, a medida que voy aumentando el tamaño del texto, éste va quedando escondido bajo otras capas, o s eva montando sobre otros textos (problema que he visto tambien en la mayoria de los diseños en csszengarden), a diferencia por ejemplo del diseño de este mismo sitio (ideasfreelance), donde incluso pude dejar las fuentes en un tamaño “gigante” y sin embargo no se perdió nada del contenido.

    muy quisquilloso quizá :P

    Comment por Raspu — Nov 14, 2004 @ 11:19 am

  3. Estoy de acuerdo contigo. Sin embargo hay una buena razón por la que el contenido de El Camaleón no es tan flexible como este. En el caso del camaleón cada región de la página está separada del resto de manera individual, en cambio en ideasfreelance hay “regiones” que pueden ser dispuestas de forma grupal.

    Por ejemplo, en este layout, la columna izquierda es una sección y la derecha otra. De esa manera es posible decirles: “TU mides tanto de ancho, y te despliegas de este punto hacia abajo, y TU te quedas ahi a la derecha y dale hacia abajo hasta donde necesites”

    En el Camaleón, por el contrario, hay que indicarle a cada región que se posicione de forma diferente a la “normal” algo así... “TU vas en la región derecha, a XXX pixeles de la parte superior, y tu vas debajo de el, a XXX+N pixeles de la parte superior”

    No es pretexto 100% válido, porque siempre existen otras unidades de medida que van cambiando con el contexto (relativas) como los em’s los ex’s y los %’s, pero en esos caso el control sobre ciertos elementos gráficos se pierde un poco.

    Queda puesto entonces el reto de ver si hay alguien que nos mande un diseño que obedezca a estos requerimientos: 100% adaptable al tamaño de las fuentes, y que no pierda su esencia gráfica.

    Saludos!!

    Comment por Manolo — Nov 14, 2004 @ 12:40 pm

  4. Claro, efectivamente tienes razón, lo suyo es dejar a la elección del usuario el tamaño del texto, sin embargo, en el camaleón por ejemplo, no podemos modificar la hoja html, solo podemos jugar con el css, y dado que es una galería, por decirlo de alguna manera, ‘de arte’, una exposición, en algunos diseños se puede optar más por experimentar con diseños inusuales que por la accesibilidad. Por ejemplo, yo en el diseño ‘recuerdos’, he puesto un fondo negro, cosa que jamas haría en una web funcional, ya que leer sobre fondo negro es muy incómodo y cansa mucho la vista, y dado que la columna de texto es muy estrecha y la alineación justificda he optado por dar una medida en px en puesto de em o %, ya que si se aumentaba el texto, para justificarse se quedaban los parrafos con muchos huecos. Es decir, por su naturaleza de galería e optado por un diseño inusual más que por una accesibilidad y navegación óptima.

    Pero efectivamente, tienes razón, en un diseño para una web no lo hubiera hecho así.

    Comment por Carlos Carmona — Nov 14, 2004 @ 3:36 pm

  5. Lo primero quiero felicitar a Manuel por su iniciativa al crear un proyecto como camaleon, en segundo lugar, puntualizar, que en diseños donde lo primordial es justamente eso, el diseño, hay que sacrificar factores como la usabilidad, para crear composiciones mas ricas visualmente.
    En el caso de querer ofrecer un diseño basado en posicionamientos absolutos, y que a su vez ofrezca al usuario la posibilidad de como se comenta, aumente o disminuya el tamaño de la fuente, creo que seria tan sencillo como incluir un “styleswitcher” y algunas hojas de estilo adicionales.
    Gracias de nuevo por la iniciativa y salu2 desde BCN

    Comment por Alex Sancho — Nov 14, 2004 @ 4:38 pm

  6. Realmente esto esta siendo impecable.
    Cuando vi la idea enseguida la linkie y puse en mi bloglines.
    Los diseños que estan enviano me parecen muy buenos, pero lo mas destacalbes de todo esto es el tema de compartir, los diseños, las ideas, formas de trabajo y tecnologia.
    Sigo apoyando este proyecto a full.
    Y bueno habra que ponerce a trabajar para mandar algo.
    saludos.
    Y felicitaciones a su moderador

    Comment por dolores — Nov 17, 2004 @ 11:51 am

  7. “retrospective” es demasiado parecido a Authentic Boredom de Cameron Moll.
    Incluso es el mismo fondo :S

    Comment por sosa — Nov 17, 2004 @ 1:22 pm

  8. Que tal Armando, efectivamente el fondo es exactamente el mismo, solo que usado en una posición diferente. Igual el concepto tiene una similitud, pero me parece más una “inspiración” que una copia como tal.

    Las fuentes de inspiración son escasas, y si bien es un hecho que los diseños y creaciones originales tienen un mérito mayor, tambien habemos aquellos que las musas nos sacan a dar un tour antes de decidirse. :-p

    Bueno, de todas formas… Yo sigo esperando de Sosa algo igual o mejor que el Perfume de Gardenias, así que no te desconectes del proyecto ;-)

    Comment por Manolo — Nov 17, 2004 @ 2:03 pm

  9. osea que “ay mi retina” no fue lo suficientemente bueno o.O

    :’(

    Comment por sosa — Nov 17, 2004 @ 3:34 pm

  10. Hombre tanto como decir que se parece mucho al fantastico diseño del sitio del señor cameron moll es todo un halago, para aclarar conceptos yo diria, que más que parecerse, basarse, o como querais designarlo, ambos hemos usado las mismas fuentes para decorar el fondo del diseño, el fondo pertenece a la colección de squidfingers y son de dominio publico y libre uso.
    Salu2

    Comment por Alex Sancho — Nov 17, 2004 @ 4:10 pm

  11. #9.- Ja ja ja, claro que no, “Ay mi retina!” me ha parecido F-ormidable, solo que despues de ver Sensacional de Blogs… bueh’ que te digo? Se que no es todo lo que puedes exhibicionarte (sic). ;-)

    #10.- Estoy de acuerdo. Hay tan pocos recursos y fuentes de calidad, que es inevitable encontrarse por aquí y por allá los mismos elementos. Es más, se me ocurre comenzar una lista de recursos de diseño (fuentes, foto-stock, iconos, patrones, código, scripts, etc), solo DE CALIDAD. Y hacerla crecer con sus comentarios, para luego poner la lista a disposición de todos… Para que todos tengamos más variedad cuando necesitemos algo así.

    Mi siguiente post hablará de eso. ;-)

    Comment por Manolo — Nov 17, 2004 @ 7:03 pm

  12. Alex, una cosa que no había notado en tu diseño, al verlo con un buen navegador (entiendase cualquiera menos explorer :-p), son los sombreados que muestra en la parte de arriba y abajo. Muy buen efecto! ya me copié el CSS para hacer experimentos ;-)

    Saludos!

    Comment por Manolo — Nov 19, 2004 @ 2:05 am

  13. Es un pequeño toque que complementa el estilo, cuando encuentre el enlace donde explican la tecnica, lo posteare por aqui.
    Por otra parte, pense, que probabais todos los diseños con varios navegadores antes de publicarlos en camaleon, por eso creia que ya habias visto el efecto.
    Salu2

    Comment por Alex Sancho — Nov 19, 2004 @ 9:21 am

  14. De hecho lo pruebo, pero el efecto es tan sutil que no lo noté. Usualmente las cosas que me pongo a revisar son que no se corten los textos, que no se salgan de los bordes, y esa clase de cosas.

    Ahi te encargo ese link :-D

    Comment por Manolo — Nov 19, 2004 @ 11:01 am

  15. Lo prometido es deuda aqui esta el enlace donde explican la tecnica.
    Hala, a experimentar.

    Comment por Alex Sancho — Nov 19, 2004 @ 11:32 am

RSS de los comentarios de esta entrada.

Deja un comentario

Disculpa, los comentarios están cerrados.

Gestionado con WordPress