Link del día: Animaciones en JavaScript
Me encontré con un artículo en Adminx Web llamado 17 Javascript Animation Frameworks Worth Checking Out, una muy buena compilación de frameworks JavaScript que, más o menos fácil (depende de cada uno) podemos integrar a nuestras aplicaciones web para hacerlas más usables, o simplemente más lindas.
Hubo uno de estos que yo ya había publicado en el pasado, tratándose de GX, y a pesar que muchas de las otras opciones son muy atractivas, me sigue agradando en GX la forma totalmente natural en que se hacen las instrucciones para asignar los pasos de las animaciones. Hay otros que no son tan simples de implementar, pero cada uno tiene sus ventajas y desventajas.
Pasen por la sección de demostraciones o ejemplos de cada una, la verdad es que algunos son increíbles!
Soy un zorrinito animado.
Link del día: Mono de grasa
Si es que no han tenido la suerte de probarlo, Greasemonkey (sí, “mono de grasa”) entonces les cuento que es básicamente un plugin de FireFox que permite “agregar plugins” extras. En realidad lo que hace es algo ligeramente distinto: en lugar de modificar la estructura de Firefox, permite inyectar Javascript en las páginas, agregándole / quitándole funcionalidad o automatizando tareas que preferiríamos no hacer a mano. Ya alguna vez comenté de un script de Greasemonkey que funcionaba como CAPTCHA decoder para Megaupload.
Lo maravilloso de esto es que abre un mundo nuevo de posibilidades, es casi como si tuviéramos a una persona invisible frente al navegador haciendo tareas extras o agregando cosas que nos gustaría que las páginas tuviesen.
Resulta que ahora la novedad es que Chrome en su versión 4 (verifiquen cuál tienen) soporta scripts de Greasemonkey sin necesidad de ningún plugin. Es decir, solo con instalar el script ya Chrome lo detecta como una extensión y lo anexa al sistema. La gente está maravillada con esto (ciertamente, yo también lo estaría), pero no he tenido la posibilidad de probarlo en mi caso. Yo tengo en este momento la versión5 (de la rama de desarrollo) y los scripts parecen no funcionar o no hacer nada. Será un problema mío?
Fuera de eso, si quieren probarlo, así sea en Firefox + Greasemonkey o en Chrome 4, solo tienen que pasarse por UserScripts, una comunidad de extensiones para Greasemonkey y elegir lo que más les guste para comenzar a darle esteroides a su navegador.
Soy un zorrinito grasoso.
Link del día: Sumergiéndonos en HTML5
Hace rato ya que vengo hablando de nuevas tendencias para la web, como SVG, por ejemplo. No fue hasta hace poquito que terminé de leer un libro online introductorio a HTML5, llamado Dive Into HTML5. Me tomó poco tiempo leerlo, debo confesar, porque el libro aún no se encuentra terminado. Verán, de hecho, que los links en la tabla de contenidos se encuentran incompletos, e incluso la sección sobre Canvas se encuentra sin terminar.
El punto es que este libro introductorio nos explica claramente cómo fue la historia de HTML, qué distintos conceptos debemos tener para entender lo nuevo que nos plantea HTML5, y a medida que se van demostrando las nuevas características, nos muestra la forma de usarlas y qué exploradores lo soportan, y cómo soportar nosotros a los exploradores que no.
Mi parte favorita fue What Does It All Mean?, en donde explica los nuevos elementos semánticos, pero no solo eso, sino que toma una página común de HTML4, y nos explica de qué forma podemos ir convirtiendo nuestras páginas para hacerlas HTML4 y HTML5 compatible al mismo tiempo. De esa forma, estaremos listos para actualizarnos cuando los navegadores comiencen a soportar toda esta nueva tendencia.
Soy un zorrinito HTML.
Link del día: Aplicaciones web, con interfaz prearmada
Aquellos que diseñan o programan aplicaciones web saben que, por un lado, se tienen que acortar a ciertos estándares. La innovación demasiado lejana podría confundir a los usuarios. Por otro lado, saben que es muy refrescante innovar y crear formas de interacción nuevas, y la web les permite muchas variantes.
Sin embargo, al momento de ir a trabajar, no siempre es buena idea reinventar la rueda y hacer todo desde cero. Quizá la necesidad de su cliente es cierto trabajo, sin importar la forma en la que se haga, o la forma en la que se vea. Es entonces en donde una solución pre-armada para interfaz gráfica sería muy útil, y es aquí en donde toma sentido el proyecto de Mocha UI, que trabaja sobre MooTools.
Lo único a tener en cuenta (que puede ser peligroso hoy por hoy) es que Mocha UI anda en etapa de desarrollo y, según dicen, puede que sufra cambios algo drásticos en el futuro. Fuera de eso, se ve bastante estable y robusto en la forma en la que trabaja.
Podemos ver los demos de cómo funciona aquí, y haciendo uso del menú de ese demo acceder a varios más.
Soy un zorrinito web.
Link del día: Testeo de usabilidad
Muchas veces la usabilidad de un sistema es un requerimiento tan primordial como el funcionamiento en sí, y más en un mundo como puede ser el mundo web, en donde tenemos miles de competidores para servicios similares que podemos estar ofreciendo online. Quien publica primero tiene la ventaja, pero quien hace el servicio lo más fácil de usar y de forma más cómoda e intuitiva es quien logra hacer la diferencia.
El problema es, cómo probar este tipo de cosas? Muchas veces se usan equipos de testing que no tengan conocimiento alguno de la herramienta; muchas veces también se utiliza gente que no está relacionada con el proyecto para nada, o incluso se terceriza este tipo de testeo. Otro problema es que, dado que estos testeos de usabilidad se basan en tratar de ver qué cosas son fáciles y cuáles no, cuáles son intuitivas y cuáles no… cómo obtener resultados homogéneos para cada persona que lo haya probado? Y un tercer problema es: cómo ver fácilmente los resultados en nuestra aplicación?
Usabilla es una aplicación web que quiere encargarse de esto. Tras registrarnos (con sus planes gratuitos o pagos), podemos crear pruebas de usabilidad contra sitios / aplicaciones web, imágenes o diseños. Las pruebas las generaremos en forma de consignas que le pediremos al usuario que realice sobre ese algo que queremos testear. Por ejemplo: “En dónde haría click para registrarse?” o “Qué elementos le llaman la atención de esta página?”
Tras probar con muchos usuarios, podemos visualizar nuestros resultados de forma gráfica, o en la misma página.
Recuerden que como competidor de este servicio alguna vez hablamos de Loop11, que parecía tener la ventaja de permitir la navegación a través de las pruebas, y de esa forma evaluar la navegabilidad de un sitio. No sé si Usabilla lo permita, aunque por lo que ví en las demos parecería que no.
Soy un zorrinito usable.
Link del día: SVG y aplicaciones prácticas
SVG son las siglas de Scalable Vector Graphics, algo que no es relativamente nuevo (siendo su primera versión en el 2001), pero algo que hace no mucho comenzaron a aceptar los exploradores (qué les tomó tanto tiempo?). Dejando de lado a Internet Explorer, que aún no parece soportarlo de forma nativa (aunque hay plugins), la gran mayoría de los exploradores ya lo soportan, dando la posibilidad de que podamos insertar gráficos interactivos y hasta dinámicos en nuestras aplicaciones web, sólo escribiendo XML.
Con una aplicación que publiqué el otro día pueden verificar en dónde aplicarlo y dónde no para que lo soporten la mayoría de los exploradores, pero si les interesa indagar en cómo funciona y qué cosas se pueden hacer, pueden visitar una guía paso a paso que escribieron en la W3C llamada An SVG Primer, en donde tienen una guía extensa de cómo trabajar con SVG, cómo agregarle comportamiento, cómo agregar animaciones, como usar JavaScript, e incluso tenemos un apéndice con introducción a HTML e introducción a JavaScript si es que no lo tenemos del todo claro.
Soy un zorrinito escalable.
Link del día: LINQ y JSON en JS
Aquellos que trabajamos en C# y hemos jugueteado un poco con el lenguaje de LINQ sabemos lo interesante que es poder fácilmente trabajar con datos. Hacer una búsqueda por algún campo de un array antes podía ser algo tan trabajoso como recorrer uno por uno, poner en una lista nueva los que cumplían con este criterio, luego utilizar la nueva lista y volver a filtrar si es que lo necesitamos. Ni hablar de trabajar con dos o más listas al mismo tiempo. Sin embargo, LINQ nos permitió realizar trabajos como ese en códigos de una línea como lista.Where(condicion).Select(campo).
LINQ se jacta de ser transparente y poder ser aplicado a cualquier fuente de datos, y acá hubo gente que quizo llevar eso más allá, para hacerlo trabajable de la misma forma en JavaScript, para la programación de cualquier aplicación web, y el manejo de datos listas de JSON. A esto llamaron jLinq, un trabajo de Hugo Bonacci, que en su web publica varios de sus proyectos e ideas.
La verdad es que no sé qué performance tendrá, pero si queremos simplificar un poco el procesamiento de datos de nuesto JavaScript (especialmente si mostramos cosas como tablas, listas o mucha información que se pueda ordenar, filtrar, etc.), esta parece ser una buena aproximación.
Soy un zorrinito mezcla-lenguajes.
Link del día: Academia Virtual de Microsoft
Todos saben lo mucho que me apasiona poder encontrar lugares online en donde se den cursos gratuitos de forma medianamente seria, con profesionales que sepan del tema que hablan, y a veces hasta con exámenes que permitan evaluar y certificar que uno sabe lo que estudió. Mi primera aproximación a uno de estos fue con el programa Desarrollador 5 Estrellas de Microsoft (del cual todavía estoy debiendo un par de exámenes), y luego Sun Learning Connection (el cual vi muy completo pero nunca tuve tiempo suficiente de hacer cursos). Ahora me encuentro con otro más, aparte de la cantidad de links que ya he provisto antes, como el proyecto de Academic Earth, o la compilación de Free Lectures, pero no es el caso de ellos.
En este caso, se trata de la Microsoft Virtual Academy, otro de los proyectos educativos de Microsoft para mantener a la gente informada y capacitándose sobre distintas temáticas, muchas, por supuesto, relacionadas a las tecnologías que ellos desarrollan. Está relacionado al resto de la red de TechNet que ellos han creado, por lo cual todos los estudios que desarrollemos con Microsoft se van relacionando a nuestro Live ID, que utilizaremos en todos estos servicios por igual para identificarnos.
Soy un zorrinito alumno.
Link del día: eBooks ténicos, viajes, información y más
De casualidad me crucé con un link de un sitio llamado Mic-ro.co(s)m (el paréntesis es porque la URL no tiene la s), que es básicamente una colección de links de este lugar, en alemán. Sin embargo, la sección que más famosa se hizo de este sitio prácticamente estático es la sección de eBooks, que ofrece una buena cantidad de eBooks para bajar y leer (o para leer online) sobre distintas temáticas:
- C y C++
- Bases de datos y SQL
- Patrones de diseño
- Diseño Gráfico y Diseño de UI
- HTML y JavaScript
- Java
- Matemática
- Redes e Internet
- Sistemas Operativos
- Seguridad y Criptografía
- Smalltalk
- Ingeniería de Software
- Teoría de la Computación e Inteligencia Artificial
- XML
- Libros de referencias de informática
- Temas misceláneos de informática
- Periódicos online (sobre informática)
- Guías cortas
- Libros no relacionados a la informática (hay un poco de literatura, enciclopedias, nutrición, viajes, economía, historia, religión, física, oratoria, etc…)
- y links a otros lugares…
Y por si no fuera poco con eso, hay una buena colección de links en la homónima sección, sobre temas variados también, y si queremos una colección extra de links con cosas relacionadas a los viajes, podemos visitar la sección viajes de este sitio.
Pero por último yo quería mostrar algo que me hizo acordar a los viejos metabuscadores de sitios que alguna vez todos usamos. Si queremos revivir esa nostalgia, podemos usar el metabuscador de mic.ro-cosm.
Soy un zorrinito linkeado.
Link del día: Compartir escritorio en dos pasos
Alguna vez comenté de los beneficios de un sistema llamado Crossloop, que tenía la ventaja de ser un programita que bajamos, instalamos, y en dos clicks ya estamos compartiendo nuestro escritorio. Esto hacía muy fácil la posibilidad de ayudar a alguien o brindar servicio técnico a distancia (y de hecho, es el uso primario que se le está dando y lo están mejorando para avanzar en esa dirección), pero a veces no necesitamos tanto control, sino solo poder mostrar la pantalla en tiempo real a alguien más, y queremos alguna herramienta que solo con un click, ya tengamos funcionando eso.
Para eso tenemos una nueva tecnología que LogMeIn hace pública, LogMeIn Express. Esta afamada empresa con sus productos de administración remota ahora nos permite bajar un programita de 700 k, que solo con ejecutar ya estamos compartiendo nuestra pantalla, y con pasar un código numérico a alguien más, esta persona no tiene más que ingresar esos dígitos en esa web y ya estará viendo nuestra pantalla en tiempo real. No sólo eso, tambien podemos darle el control y que esta persona maneje nuestro teclado y nuestro mouse, permitiéndole trabajar por nosotros, mientras nosotros miramos lo que ellos hacen.
En fin, lo que me interesa destacar de esto es la simplicidad: un click, y funciona. Así deberían de ser las cosas.
Soy un zorrinito exigente.