me enteré un poco tarde de esto http://code.google.com/webfonts
Hace un tiempito escribía sobre la importancia para los diseñadores y creativos de aprender qué se puede hacer con CSS, más allá de que ellos mismos sean o no los que produzcan las páginas. Mi consejo era combinarlo con jQuery, por lo que la “tarea” era doble, aprender CSS y jQuery.
Hicieron la “tarea”? Les paso un ejemplo muy sencillo de lo que intentaba lograr, un sitio muy simple, con un jQuery de los mas fáciles de entender, y CSS de lo básico. Sé que este sitio en particular quizás no es la mejor combinación de creatividad + diseño + impacto + magia + etc. que pueda existir, pero era el complemento que me faltaba para cerrar mi posteo anterior, y no quería dejar de pasar la oportunidad.
PD: Gracias a Dumme por pasarme el link que genero este post.
Al hablar con diseñadores web, o que diseñan para web, es innevitable terminar hablando, aunque sea un poco, de hasta dónde deben saber ellos de código HTML, CSS, jQuery, etc. Yo soy un bicho raro, porque soy diseñador y también programador. Ya lo asumí, soy ambas, suelo ejercer más como programador, pero eso es otra cosa. Al tener este doble rol, me es muy fácil entender a ambas partes, y qué encuentran molesto unos de otros.
Respecto a los diseñadores en sí, no pretendo en este post hacer un debate sobre dónde terminan sus obligaciones para con el “conocimiento”. Admito que me da un poco de vergüenza haber escrito esa frase, me hace querer aprender algo nuevo en los próximos 5 minutos por respeto a la autocapacitación jajaja. Me interesa que vean esta creación en CSS.
Y ahora sí, pregunto: no te dan ganas de saber qué se puede hacer en CSS? El código usado para esa animación existe hace muchisimos años. Se trata de ser creativo con lo que se tiene. Con lo que sabemos. O sea, no hace falta saber hacerlo, pero sería un error grave ni siquiera saber los fundamentos básicos, que son los que te dan herramientas, a vos que te consideras “creativo”, para construir algo nuevo. Dar un mensaje.
Sabén cuánto cuesta hacer este ejemplo en concreto? un par de horas de alguien que sepa los fundamentos de CSS 1 (no deja de ser un jpg con la textura de la lata mapeada). Los invito a aprender qué se puede hacer con CSS, pero especialmente con jQuery. Atención con lo que dije, aprender que se puede hacer, no aprender a hacerlo, es muy diferente.
Y a no se quedarse con que sólo flash puede hacer cosas lindas y animadas. Vamos, búsquen! O mejor dicho, encuentren!
En lo que a diseño web se refiere, este año los desarrolladores y maquetadores lo empezamos teniendo en mente HTML5 y CSS3. Uno piensa en la etiqueta <video> por ejemplo, y no puede más que gustarle eso. Después seguís soñando, y lo imaginás con jQuery. Genial. Por último, te acordás que la gente usa internet explorer, y te querés matar.
La curva de aprendizaje del usuario común en verdad no la conozco. Es muy fácil para mí y cualquier geek, imaginar que los usuarios de internet leen e investigan. Nada más lejos de la verdad. A los usuarios de internet, hoy en día lo único que les importa es Facebook, como hace tres años atrás le importaban Fotolog y MySpace, y más atrás aún, revisar su cuenta de email de Yahoo.
Como me gusta leer sobre maquetación, me encuentro con algún truco de CSS. El post está bueno, salvo con que no sirve para ie. Entonces, se usan un par de librerías en javascript que al cargarlas, “corrigen” lo que está mal en el navegador favorito por todos.
Y si directamente no hacemos nada para que se vea bien en IE?
Hace unas semanas me encontraba leyendo sobre este truco de css para escalar imágenes en Internet Explorer sin que se vean pixeladas. Quedó como una curiosidad, pero no le ví un uso práctico.
Hoy se lo encontré. Estas semana estuve arreglando un back office y un front, y hoy notaron que las imágenes de los productos subidos por BO tienen un tamaño distinto al utilizado en el front. Como las subidas eran más grandes, bastó con esa simple línea de css:
img{
-ms-interpolation-mode: bicubic;
}
y listo.
Desde hace unos días que hay un nuevo diseño en el sitio.
Qué tuve en cuenta esta vez? Aprendí mucho desde la última vez que actualicé el sitio, especialmente en CSS, por lo que hay una optimización muy grande en las hojas de estilo.
Otro tema sobre el que estuve leyendo fue accesibilidad, por lo que poco a poco estoy convirtiendo al sitio en una web 100% accesible. Hay una barrera importante en lo que se refiere a la galería de arte digital, por lo que representa en sí a veces se complica hacerla completamente accesible.
Hace un tiempo escribí sobre esto mismo, por aquél entonces el sitio figuró en el puesto Nº44, luego del rediseño subí al puesto Nº23. Nada mal, esta vez hecho un poco más a conciencia.
Ahora valido en casi todas las páginas html, feed y css.
![Validate my RSS feed [Valid RSS]](images/banners/valid-rss.png)
pondría el de CSS, pero en este momento no funciona.
Por supuesto, si están usando el IE6 seguro que todo se ve mal. No me importa, ya estoy cansado de pensar en un navegador que tiene 6 años de antigüedad. Acaso alguien hace software para W98, o W95?
En los últimos días dediqué algunos ratos libres a limpiar el código de este sitio, especialmente del CSS. No es demasiado, pero necesario, y me gusta más, que es lo que me importa.
Tengo pendiente (muy atrasado ya) algunos tutoriales de hojas de estilo, diseño, PHP, MySQL, programación, Flash y AS. Intentaré que se vuelva una tarea del día. El espíritu en verdad es hacerlos por diversión y gusto, pero creo que de seguir esperando el momento indicado, jamás los publicaré.
Hablando de publicar, terminé dos sitios web, dos logos y una animación de logo de los que no mostré nada. Está claro que no soy vendedor…
Semanas movidas las que pasaron. No me dejaron demasiado tiempo ni para postear algo, ni leer blogs, ni para continuar con las imágenes que tengo empezadas para el concurso de Ballistic, ni etc.
Lo que si pude hacer es revisar algunos datos estadísticos de mis sitios, para eso siempre hay tiempo. Asi que vean lo siguiente:

Esto corresponde a los navegadores de las visitas de este sitio, según Statcounter (es gratuito, no es la gran cosa, pero cumple), en donde sigue dominando el peor navegador, no sólo de la actualidad sino desde hace unos años. Sin embargo, el 39% no lo usa. Eso es positivo, a pesar de que hay alguien que usa la versión 5. El Opera es un gran navegador, pero casi nadie lo usa. Mi teoría al respecto es la pésima campaña de marketing que tienen. Hace unos meses quise poner un banner para bajarlo, sin encontrar un sitio del estilo SpreadFirefox. Por supuesto que no busqué profundamente. Lo cierto es que al de Firefox no lo busqué, llegué, mientras que hoy encuentro My Opera. Se entendió la diferencia entre encontrar el sitio y llegar al mismo, no? porque no quiero que me digan “ehh… hace años que existe”, aunque si me guío por las estadísticas, nadie hará ese comentario.

Sigo con estadísticas y comparo ahora con Google Analytics. Interesante, el 61% usa Explorer, y Firefox tiene el 31%. Un lindo porcentaje, mayor al que midió Statcounter. A cuál de los dos creerle? En eso no me meto, pero lo que es una certeza es que Analytics registró correctamente mi celular. El servicio de estadísticas de Google cambió su servicio hace unas semanas. Lo que puedo aportar a tooooodos los análisis del sistema que se leen por todos lados, es que efectivamente es mucho más simple y efectiva la distribución de los reportes. Nada que no sepa un geek.

Y por supuesto, el IE6 sigue ganando en el ranking. Me cuesta entender esto. Creo que es en este tipo de dato cuando uno puede tomar la real dimensión de las técnicas de “monopolio” de Microsoft. Porque el usuario es libre de instalar el navegador que le guste, eso está claro. También está claro que entrar a un sitio, bajar un programa e instalarlo es una pérdida de tiempo para el usuario medio, ni hablar si le sumamos unos minutos para conocer el mercado y decidir cuál es el mejor navegador.

Finalmente, saben que significan estos números? Si dijeron que voy a cambiar el diseño del sitio para darle prioridad a resoluciones mayores a 800×600, están en lo cierto. Porque es otra de las cosas que siempre quise hacer, y estoy adaptando las hojas de estilo para tener un alto rendimiento de resoluciones. Sin javascript que cargue una hoja u otra, sin javascript que escriba un código u otro. Una solución que tiene hacks, pero no scripts. ¿Validar CSS? y para qué sirve eso? Sobretodo si la mayoría usa IE6. Cuando el porcentaje de ese ¿navegador? disminuya al 10%, mis sitios validaran todo. Mientras tanto, me aseguro que más o menos vean las cosas como quiero.
Justo que parecía que arrancaba con la costumbre de postear seguido, tengo un pausa de casi un mes. La verdad que temas para postear no me faltaron, lo que sí faltó y durante un tiempo fueron ganas. Tuve una pérdida importante el mes pasado, mi perro falleció y eso me afectó y mucho. Hoy ya estoy mejor.
Como dije, temas para escribir acá no me faltaron, y voy a decir los más importantes (si bien la idea es empezar a postear más seguido, quizás con temas más cotidianos, no voy a escribir sobre ellos ahora):
Sigo trabajando como Diseñador Multimedial Free-Lance, pero ya no estoy solo. Viviana ya fue mi compañera de curso en Da Vinci y ahora lo es laboralmente. Ya concretamos algunos trabajos, y a medida que vayan avanzando los proyectos iré mostrando previas por acá.
El tutorial sobre .NEF con el que inauguré la sección es consultado diariamente, lo que motiva aún más el seguir. La idea es Photoshop y CSS, dentro de lo posible dando algunas de las soluciones que uso en los sitios que voy diseñando.

Ballistic Publishing está juntando material para su nuevo libro. Asi que allí enviaré algunas imágenes publicadas, y estoy haciendo dos más exclusivas para la ocasión.

Los que me conocen saben que hay muchas cosas sobre los celulares que odio… especialmente cuando aquellos que no pueden vivir sin él son los más incomunicados.
Cuestión que me veo en la necesidad de tener uno, y el elegido es el Sony Ericcson K310.
En mi caso, el consumo del celular pasará más por las veces que use el navegador web que en llamados. En fin… el que quiera el número, me avisa por otros medios (capaz que pongo el número acá).
Bueno, por ahora nada más. Y ya advertí que el uso del blog pasará a ser un poco más informal.