Archive for Enero, 2007

31 Ene 2007

PARENTAL ADVISORY:
¡robo explícito!

No Comments

Parental Advisory: ROBO EXPLICITO

Esta historia podría comenzar con el famoso refrán que nos identifica a los argentinos: "Lo atamos con alambre".

Esa frase, que en principio reconoce el supuesto "ingenio" o "viveza" criollas, también corre para cuando en ciertos casos, la crisis gana terreno sobre la gente, y otra gente aprovecha la ocasión para reirse de la crisis, o sacarle provecho.

El otro día venía viajando en colectivo de Palermo a Flores, cuando en un momento del trayecto, apareció este personaje: un conocido vendedor ambulante, para los que tomamos esta línea de colectivo, con su producto estrella: compilados de los más variados sabores ,y de los más inimaginables e incompatibles gustos, que iban desde "Lo mejor de los 80's", "Baladas en castellano" hasta "Lo mejor de Queen" (se me puso un poquito la piel de gallina, venía escuchando "Una Noche en la Opera" de Queen).

Y por qué me llama la atención tanto esta situación, que para muchos ya es habitual y cotidiana: por un lado, la creatividad e ingenio de un tipo para salir con un stereo portátil a ofrecer música en cd, cuando habitualmente las ventas de los vendedores ambulantes en los colectivos aspiran a "para la cartera de la dama……", y lo siguiente que pienso es como esta persona, regala el talento, perdón, VENDE el talento y el esfuerzo de otros, por 4 o 5 pesos…

Yo se que este país es complicado, que las crisis han demolido cientos de hogares y que hay muchos problemás más urgentes que solucionar que este: pero me parece ya una falta de respeto a los artistas, que en su mayoría se rompen el lomo para grabar sus discos, como para que alguien salga ahí a reventarlos por dos mangos. Ahora, esa es una cara de la moneda, la otra es la que dice que cualquier CD de la mayoría de los artistas populares en nuestro país (ni hablar de extranjeros), rondan los 30 pesos en cualquier disquería.

¿Quién tiene razón?

Porque la única clienta que vi comprarle a este señor, no era justamente alguien de bajo recursos, en cuyo caso entendería la situación. Nos hemos acostumbrado al MP3, a la copia por 5 pesos y todo eso: hoy en día ya es algo cultural NO comprar discos originales, cosa que me parece por demás loca (si lo pensamos de esta forma, otro tema es que la música esta migrando cada vez más a lo etéreo, tema que será discusión en otro post).

Lo que si se es que esta persona que va aturdiendo a pasajes enteros en un colectivo, con un ánimo alegre y distendido, y ofreciendo "garantía" de que sus copias no saltan, no es por lejos la mejor forma de que la música alcance más oídos en este bendito país, y que seguramente, este tipo de actividad (piraterar indiscriminadamente música y venderla en el transporte público), rebaja el tan noble oficio de Vendedor Ambulante que todos conocemos.

Eduardo CesarioLa Criatura Creativa

24 Ene 2007

Organica Creativa online, y con mucho contenido…

No Comments

 Sitio Oficial de Organica Creativa

Hace unos días había anunciado el lanzamiento del sitio dedicado a Organica Creativa .

Si bien eso ocurrió, ahora se puede decir que el sitio es funcional, ya que cuenta con contenidos dobre las diferentes mutaciones que ha sufrido este diseño:

  1. La versión original para Dave Shea y su CSS Zen Garden .
  2. La versión para WordPress, que es la que actualmente estoy usando en este blog.
  3. La adaptación para DirectToWeb, de Ravi Mendis de Apple.

Planeo seguir agregando contenido al sitio, y enriquecerlo cada vez más. Hay un anuncio importante en el site, acerca de la plataforma WordPress, pero no voy a decir nada por acá, asi pasan por la página de Organica Creativa y lo chequean ustedes mismos.

Eduardo CesarioLa Criatura Creativa

19 Ene 2007

Una solución gratuita y eficaz para previsualizar tu sitio en varios navegadores y plataformas

1 Comment

browsershoots.org

El trabajo de un diseñador usando CCS y xhtml strict, puede ser muy tedioso, sobre todo a la hora de testear diferentes navegadores. Ni hablemos de la situación actual: Microsoft lanzando un navegador nuevo, el IE7, que implica desinstalar la versión previa de Explorer para poder ser usado.

Mientras hoy estaba dando forma a un nuevo sitio basado en estándares, me agarró la paranoia: ¿y si todo el cuidado que estoy teniendo para que esto se vea bien en Explorer 6 y Mozilla Firefox es en vano?

El motivo de la paranoia es más que válido: siempre que Microsoft actualiza uno de sus productos estrella (en este caso, Internet Explorer), los efectos colaterales de esa actualización suelen ser:

  • Incontables fallas de seguridad en el navegador
  • Caos total en la forma de mostrar las páginas que funcionaban "maravillosamente bien" en la versión anterior

Pero el motivo de este breve artículo no es hacer leña del browser caído, ni mucho menos.

Dando vueltas por la web, llegué a varios sitios que hacen capturas (screenshoots) de como se ve una dirección web en diferentes navegadores, e incluso, diferentes plataformas. Me he topado con un sitio muy interesante, pero pago, y de ninguna manera pensaba pagar por este servicio.

Finalmente encontré browsershots.org.

Este sitio no sólo es gratuito, sino que muy eficaz: uno tipea la url a testear, y la página encola el pedido, hasta que en un momento devuelve las capturas de  los navegadores en cuestión (17 para Linux, 4 para Windows, 1 para Mac). Uno puede ver los previews de las capturas, hacer click y ampliarlas (a la resolución solicitada, si es que pedimos una en particular) y ver el resultado final.

Como si fuera poco, además de diferentes plataformas y navegadores, browsershoots.org nos permite testear nuestro sitio con los siguientes parámetros:

  • Resolución de pantalla
  • Javascript
  • Macromedia Flash
  • Profundidad de Color
  • Java
  • Plugins Multimedia 

 Muy recomendable, espero les sea de utilidad.

Eduardo CesarioLa Criatura Creativa

17 Ene 2007

Mucho trabajo…

No Comments

La foto que presenté en la segunda muestra de la Escuela Motivarte

Transcurren días de bastante trabajo en el estudio, sin mucho tiempo para escribir. Les dejo una foto que me gusta mucho, que es la que presenté en la Segunda Muestra para la Carrera de la Escuela Motivarte. Prometo estar posteando algo en breve…

Eduardo CesarioLa Criatura Creativa

09 Ene 2007

Aprovechando el boceto para el desarrollo de una estructura xhtml

No Comments

 Una cruzada de CCS, por un xhtml mejor!

El tema parece simple, pero en realidad, es crucial.

Todos los que hacemos diseño, o al menos los que recibimos una formación proyectual y conceptual, se nos ha inculcado desde el principio, la importancia de un boceto para llegar a dar forma a lo que será la idea/concepto final de nuesto diseño.

Hasta ahí vamos bien, ahora, ¿qué pasa cuando lo que tenemos que representar es un diseño en plantilla xhtml/css? 

En realidad esta pregunta, que puede parecer obvia, no lo es tanto. Algunos dirán "me bajo una plantilla prearmada y la modifico", si, pero se supone que la plantilla la estamos creando y diseñando nosotros, por ende, esa respuesta queda descartada del razonamiento.

"Empiezo a codificar con un editor visual del tipo Dreamweaver, y voy usando las paletas para guiarme": esa es una posible solución, pero no para la persona que recién se está adentrando en el mundo xhtml: sabemos que un div mal cerrado puede producir un desastre en nuestro diseño…

"Codifico todo de cero", pero cómo hacer eso sin tener la idea realmente definida, y la destreza aplicada a esa resolución.

Lo que yo propongo es lo siguiente: revalorizar nuestra capacidad de dibujar y bocetar (por más que no seamos Leonardo Da Vinci, de hecho, yo estoy muy lejos de serlo), para poder visualizar con mucha más claridad y de forma más amena, lo que vamos a intentar decirle al navegador que haga.

Estoy hablando de un boceto no para concebir la idea gráfica (se supone que ese/esos ya los hicimos antes de plantear la estética, concepto, etc.), sino uno que va a ser una suerte de mapa de como descompondremos el cuerpo del documento en divs o areas para ser traducidas a código.

A continuación detallo un ejemplo para un diseño que estamos haciendo en el estudio:

 El diseño en png, listo para ser pasado a xhtml`

Primero tenemos el layout o plantilla, en mi caso, un png, hecho en Fireworks. La primer parte es observación pura, determinar que áreas vamos a separar, agrupar, etc.

 El boceto, infaltable herramienta para mis diseños xhtml

En nuestro block o cuaderno, hacemos un rápido esquema representando en abstracción, la plantilla supuesta.

Yo recomiendo:

  • Usar 'cotas' para medir en pixels o porcentajes las areas a designar.
  • Usar rectángulos para separar los divs.
  • Colocar aunque sea abreviado, el nombre para cada div.
  • Tratar de utilizar la menor cantidad de zonas.
  • Usar nuestra inteligencia, para poder visualizar cual solución es la mejor y menos costosa.

Esto es el resultado de superponer nuestro boceto sobre el original...
En esta figura, si bien no es lo más clara posible,vemos el resultado de superponer el boceto de la estructura, sobre el diseño original: si bien no tienen que coincidir fielmente, este paso es completamente ilustrativo y no es necesario hacerlo, me tome el trabajo para que vean como conviven ambas figuras.

El resultado final es mucho más claro que el dibujo inicial...El resultado final es mucho más claro que el dibujo inicial...

Ahora si: en nuestro boceto original no se veía con mucha claridad el trabajo, pero si lo aprolijamos un poco, vemos detalladamente cada una de las zonas o divs en las cuales descompondremos el cuerpo del documento xhtml, para llegar al resultado final.

Si bien este procedimiento/método no nos va a solucionar el problema que representa la crudeza de encarar un diseño xhtml, la compatibilidad en diferentes browsers/plataformas, la 'reinterpretación' de cada browser de nuestro código, etc, puedo garantizar que hace el trabajo mucho más ameno, y que con el paso del tiempo, hasta quizás podamos prescindir de este paso para diseñar.

Espero les haya sido de utilidad.

Eduardo Cesario La Criatura Creativa

02 Ene 2007

Organica Creativa ya tiene su sitio propio

1 Comment

Es oficial señores:

Tengo el agrado de anunciar que luego de muchas idas y vueltas, me he decidido a lanzar el sitio de Organica Creativa.

Las motivaciones de esto son conocidas por muchos de ustedes: sentía la necesidad de hacer algo exclusivo dedicado a este diseño que tantas satisfacciones me ha dado en este tiempo, y que a tanta gente le gusta en el mundo. Por eso, lo que por el momento se puede ver, es una homepage, con un estilo de Organica Creativa Remixed, podríamos decir. Pienso incorporar mucha información sobre el proceso de diseño, las versiones que hay dando vueltas por ahí y otras tantas curiosidades e informaciones.

Algunos datos curiosos de organicacreativa.com:

  • Diseño Gráfico y Proyección: 2 días.
  • Armado de xhtml y css: 5 horas.
  • El prototipo fue armado de las 12:00 AM a las 5:00 AM del 2 de enero (si, si, los diseñadores preferimos la noche…)
  • El sitio validó en la primer prueba hecha contra el validador de la W3C.

Espero puedan visitarlo, y dejar algún comentario sobre lo que les pareció. 

Eduardo CesarioLa Criatura Creativa

CCS | BlogOrganica CreativaCCS | Criatura Creativa Studio