Archivos Mensuales: mayo 2009

Aprobado el último draft de HTML 5

Ya fue aprobado hoy 27 de marzo el último draft de revisiones de la norma HTML 5; como sabrán HTML 5 será una nueva y moderna forma de HTML que incluye todas las normalizaciones que agregó XHTML (como el uso de unicode, normalización de las etiquetas), con nuevas etiquetas organizacionales que permitirán un mejor control del contenido (como la etiqueta CANVAS para agregar objetos que se renderizen “on-the-fly” en el browser, como por ejemplo, agregar contenido SVG dentro de un HTML y que el browser lo entienda).

Características

CANVAS por ejemplo, reemplazará los OBJECT y EMBED al dar una interfaz única de renderizar todo objeto bitmap o binary depended dentro del browser; además el propio CANVAS tendrá eventos como rotate (rotar), translate (mover), transform (redimensión y re-escalado), y alpha (transparencia), permitiendo al mismo objeto ser interactuado via scripting usando javascript a la manera tradicional.

FORM acepta ahora propiedades como auto-complete, posibilidades de flow-content (contenido flotando con scrollings, algo que se podía hacer solamente via CSS3), también trae eventos callback que pueden ser convocados sin necesidad de mucho scripting como “checkValidity” o “DispatchFormInput”, que permite; por ejemplo, disparar los eventos del input desde cualquier contexto del script.

Un ejemplo interesante de las mejoras es la propiedad STEP de los INPUT que permitirá crear facilmente controles tipo “spin” (de los que incrementan en un valor al dar arriba y abajo).

en HTML 5 contamos con “offline storage” y es que ahora los navegadores podrán contar con una base de datos del lado del cliente para almacenar más información (y eliminar las infames cookies); hay toda una serie de reglas de seguridad detrás de este “offline storage” pero contar con una DB de hasta 1MB de espacio del lado del cliente para almacenar información de una manera estructurada y ordenada, pues es de agradecer para los desarrolladores de aplicaciones.

Existe un nuevo tipo de tabla, conocido como DATAGRID, con eventos y callbacks para las acciones más conocidas que uno “codificaba a mano” en las tablas; cambio de celdas, arrastre de filas, movimiento en scroll del FLOW de la tabla; las columnas son “automáticamente” ordenables bajo criterios establecidos y además, cada RowGrid puede contener texto, texto editable, un checkbox asignable o incluso un CANVAS arbitrario.

Agregar filas via scripting en un Datagrid será tan fácil como datagrid.addRow y ordenarla será tan fácil como datagrid.column[1].sort().

Inconvenientes de implantación

Como conocemos hay dos inconvenientes básicos de implantar AHORA, un nuevo estándar como HTML 5; el primero es básico, la gente, los diseñadores, en muchos casos ha costado un enorme esfuerzo que salgan de HTML 4.01 transitional y usen XHTML 1.0 (aunque fuere tambien transitional) y en la mayoría de los casos la gente sigue usando etiquetas que son BROWSER-ONLY como la famosa “bgcolor” de Internet Explorer; esto significará que HTML 5 empezará poco a poco a entrar luego de su aprobación y pasará mucho tiempo antes que la gente lo aprenda (o cuando vean que aprenderlo les permitirá hacer mejores aplicaciones web).

La segunda razón es los navegadores; mejor dicho, el INFAME navegador ese; Firefox incorpora la mayoría de las especificaciones HTML 5 y CSS3 hace mucho tiempo, al igual que Safari y Opera, aun con algunas diferencias en la forma de “interpretarlos” realmente han hecho un gran esfuerzo por aceptar e incorporar HTML 5 en sus navegadores; pero por ejemplo, en la versión más popular de MS Internet Explorer (la 7 actualmente) no se incorpora PARA NADA, HTML 5, es más, parte de IE8 aún no soporta la mayoría de las características importantes de HTML 5 (como Datagrids y Canvas) por lo que pasará mucho tiempo antes que los usuarios de estos navegadores puedan ver “algo” hecho en HTML 5.

Google tengo entendido está desarrollando una “extensión” para IE para que pueda soportar HTML 5; ya que como gran contribuyente al desarrollo de la nueva especificación HTML 5, tiene grandes planes de aplicaciones a ser usadas con HTML 5 y me imagino que no esperará a que Microsoft haga algo por soportarlo.

El uso, desuso y abuso tecnológico de la web 2.0

Deberían regalar una plantillita en séptimo grado (cuando la juventud ávida de Internet comienza a “conectarse”) como aquellas que nos daban de las formulas matemáticas, de la tabla periódica o las declinaciones de los verbos; con la verdadera utilidad de las herramientas de la web 2.0; por ejemplo algunos abusos:

  • Gente que quiere “chatear” en Twitter (entiendase por chatear: hablar con los demás en tiempo real usando 140 palabras o menos como si fueran mensajes de texto o SMS).
  • Gente que quiere “flickear” en tumblr (entiendase por postear fotografías sin alguna descripción o texto que ayude a darle “valor agregado” al post; a menos que “realmente no lo necesite”)
  • Gente que quiere twittear en cuanta cosa postean los demás en facebook (léase: twittear, proceso de emitir twitts al twitter, incluyase acá los DM “Direct Messages” y los Reply “respuestas”).
  • Gente que quiere “escroblear” en todo lo nombrado anteriormente (léase: escroblear “anglicanismo atropellado tirando a aberración” por el proceso de enviar la música que estamos escuchando a nuestros amigos de las redes sociales).

Ejemplo: “Escuchando: Fiesta en Elorza – Eneas Perdomo” visto en Facebook como estado.

  • Usar facebook para todo excepto para lo que debería; ser un perfil PUBLICO de como es la persona.

Considero que los “mashups” o la posibilidad de las aplicaciones de inter-rrelacionarse unas con otras a partir de aplicaciones “fuentes” hace que podamos hacer todas esas cosas; sin restarle el valor que cada herramienta (en el puritanismo de la web 2.0) debería tener; a costa de que me “asesinen” algunos asiduos usuarios considero que mis herramientas web 2.0 (las pocas que uso, me puse “vejete” en este ámbito); esto es lo que considero “el uso” que deberían tener:

Blog: bitácora en línea, donde uno escribe “todo lo que se te venga en gana” y espera comentarios y críticas abiertas de todos.

Facebook: perfil público de la persona; describiendo sus actividades, necesidades, metas, etc

last.fm: para hacer “scrobbling” de la música que escuchas, obtener recomendaciones, etc

twitter.com: hacer “micro-blogging” (escribir en 140 carácteres o menos, que haces ahora); lease: micro-bitácora (con la acepción de que a veces no interesa si te estas comiendo una arepa!).

tumblr.com: hacer un “micro-blogging” en un formato mayor a 140 caracteres (realmente es casi ilimitado el tamaño) con la acepción de que no puedes andar “preguntando mucho” ni comentando nada; a la final, tus estados personales son tuyos y hay otras herramientas (como los blogs) que permiten estas características.

pikchur.com: almacenar imágenes y fotografías para usarlas en cualquier servicio

Flickr.com: administrador especializado de fotografías y contenido compartible

imgfave.com: Sistema de bookmarking para fotografías, ideal para “favoritear” y “seguir” (follow) diversas fuentes (pikchur, flickr, tumblr y hasta imagenes de google) en un conveniente sistema de “bookmarks” o “favoritos” en internet (como un del.ici.ous pero de imágenes).

Lo interesante de todo esto es que podés tener imágenes de otras fuentes favoritas en imgfave y usar el vínculo para colocar enlaces en facebook, poder informar via twitter de tus actividades en tumblr y decirle a la gente “que escuchas” via blip.fm, last.fm y otras aplicaciones a través de aplicaciones de estado (como: http://apps.facebook.com/lastfmprofile/); por ende, podemos seguir posteando imágenes pero a partir de nuestro pikchur y si son fotografías a partir de nuestra cuenta en flickr, si son cosas importantes las posteamos en tumblr y mis estados de ánimo y actividades las escribo “en 140 caracteres o menos” y los comparto entre facebook y twitter.

Y ya saben, pa chatear, se quedan en el “mazinger” o en el yitalk … ¿les parece?

Palabras textuales

Gracias a un post de Damian Fossi llega a mí un enlace a un blog bastante bastante particular; como el título lo indica se llama “Palabras Textuales” y nos muestra la cantidad de disparates que suelen ocurrir y decir la gente allá afuera; aunque el blog se orienta a lo que ocurre en el mundo del marketing y la publicidad (que suele haber bastantes personas con “problemas”) me hizo recordar los viejos chistes de usuario final como aquel del Porta-vasos.

Sin duda una referencia para recordar lo idiotas que suelen ser los usuarios finales (y más cuando creen saberlo todo) y le arrancará carcajadas a más de uno!.

Mis preferidos:

#1308- “Los pases que me enviaste, poseen las letras y títulos en blanco y tené en cuenta que las impresoras no pueden imprimir en blanco… ¿qué hacemos?”
(Anunciante, a Diseñador CMYK+W)

#1314- “Aquí está mal, pusiste que son 2 metros y son 200 cm” -“Ah, ¿tiene que ir en cm?” – “No, pero 200 cm no son 2 metros” – “Veamos, ¿cuántos centímetros hay en 1 metro?” – “Pues 90” – “Yo así no puedo trabajar”
(Agencia, Ejecutiva de Cuentas a Diseñador frustrado)

#1316- “Vengo a hacer garantía de mis audífonos de Apple” – “¿Qué fallo tienen Señora?” – “Es que la canción la escucho en español y debe ser en inglés, seguro me dieron audífonos en español”
(Clienta, a Soporte Técnico de Apple)

#1307- “¿Cuántos envases trae un 12 pack?
(Agencia, Planificadora de Medios, coordinando envío de Media Merchandising a Medios)

#1293- “¿Sabes dónde puedo hacer un curso simple y rápido de diseño de pagina web?”
(Economista, haciendo una `consulta´ a su amiga Diseñadora Web con 4 años de carrera de Diseño, un Master y 12 años de experiencia en el medio)
#1301- “¿Y qué tiene que ver que no te haya mandado los textos con que me pongas todas esas tonterías en francés?”
(Un Anunciante más que no entiende la función del Lorem Ipsum, además de ignorar la existencia acaso del Latín)

#1313- “Te envío unas observaciones que me hacen mis compañeras, que son las de los buenos gustos. Proponen si puede ser el fondo con el color obispo”
(Anunciante, Director de Desarrollo revisando una insignia, a Diseñadora perpleja que trata de recordar cuándo fue la última vez que fue a misa o si alguna vez supo de la existencia de un ´uniforme´ de obispo)

#1290- “¿Las fotos del catálogo las trae usted o las hace el fotógrafo profesional con el cual trabajo?” – “Qué va, cógelas de internet” – “No podemos, tienen copyright” – “Eso se lo puedes quitar con el photoshop, ¿no?”
(Anunciante a su Diseñador)

#1286- “Tienes que bajar el tono del rojo” – “No, porque no se va a leer” – “Pues sube el tono del blanco”
(Agencia, conversación entre Ejecutiva de Cuentas y Director de Arte)

#1279- “Que sí, que vale, que yo te dije que quería exactamente esto, y te envié dos correos con la estructura y el tipo de imágenes… ¡pero tú tendrías que haber sido lo suficientemente profesional como para saber que lo que quería, en realidad, era otra cosa bien distinta!”
(Anunciante, a su Diseñador)

#1262- “No es que las fotos están en baja, es que el papel lo pixelea”
(Agencia, Diseñadora Gráfica, acusando de papel deficiente a su impresor para tapar la baja calidad de las fotos de su móvil)

#1256- “Me parece que la presentación está muy caricaturesca, qué les parece si ponemos un personaje que explique lo que está pasando, ¿qué tal un castor?” – “¿No estaríamos caricaturizándola más aun?” – “Sí, ya lo había pensado, lo reboté conmigo mismo y no pasó”
(Agencia, Ejecutivo de Cuentas proponiendo personajes a Creativo y demostrando su tenebroso proceso de razonamiento)

y SI!, hay gente así allá afuera!, me han tocado! … xD

Les dejo el vinculo nuevamente para que se rian conmigo; si acaso no se rien, creo que están del otro lado del chiste.

Palabras Textuales

A %d blogueros les gusta esto: