Truco CSS para escalar imágenes

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.

Rediseño (y van…)

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.

[Valid RSS]
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?

Pequeños detalles

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

Estadísticas

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.

Qué contás?

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):

Trabajo

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á.

Tutoriales

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.

Arte Digital

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.

Celular

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.

.NEF

En las últimas semanas han llegado al sitio a través de buscadores intentando conseguir información acerca de archivos .NEF, y siendo que esas son mis iniciales no pudieron llevarse mucho, por ahora.

Inauguro entonces la sección de tutoriales, que como ya adelanté tendrá de todo un poco, mucho Photoshop, algo de CSS, otro poco de web, casi siempre apuntando a teoría, para que sirva de verdad y no para un parche.

Sin más, todo lo que siempre quizo saber acerca del formato .NEF y nunca pudo encontrar en este sitio, hasta ahora.

Seguir leyendo

Cambios, cambios y más cambios

Listo, ya está! Hago memoria y me doy cuenta de que lo único que querí­a era cambiar ¡un color!

Si se ve mal, Ctrl + F5. Tienen que recargarse todas las hojas de estilo.

A veces no es fácil cambiar sólo un color, por una cuestión de equilibrio. El cambio era necesario, el fondo del cuerpo principal tenía que ser más claro. Pero no me gustaba como quedaba el conjunto, y el rediseño total me vino perfecto para agregar todo lo nuevo que hay. Algunas cosas siempre quise que estén, y otras las reacomodé, dándoles el lugar que se merecen.

En cuanto al nuevo diseño, muy conforme, y no sólo con el nivel estético. Me gusta haber incorporado decoración en flash, que si bien no responde a estándares web, su contenido no es vital para el funcionamiento del sitio. Menúes con listas y css es otro punto a favor.

Ahora sí (prometo), versión definitiva por el año 2007.