Con esta funcionalidad se ofrece al usuario que disponga la información de manera subjetiva y a la vez tiene una oferta mas amplia de contenido relacionado a cada canal. Aunque no todo está visible en una primera instancia.

Pero más allá de la parte conceptual de las cajas, yo voy a hablar de la parte técnica que es lo que me interesa.

Desde el momento que me dijeron “Rulo tenes que hacer andar esto así” me dí cuenta que iba a ser dificil encontrar algún componente en jquery ya armado que haga específicamente eso. Y tenia que ser jquery.
Yo fui uno de los que empezó a hinchar hace bastante para empezar a usar jquery en lanacion. Cuando todo el sitio estaba manejado por la YUI de yahoo. La prueba de calidad fue canchallena. Todos se hizo con jquery desde el inicio y tuvo resultados muy buenos. A partir de ahí nos dieron el visto bueno para empezar a meterlo en lanacion, con el plan de paulatinamente reemplazar por completo a la YUI (cosa que todavía no pasó).

Volviendo a las cajas, el componente que hice se encarga de manejar la animación de las cajas al cambiar de posición con las flechitas y también la funcionalidad de colapsarlas. Tanto la caja completa que solo se cierra y se abre, como las solapas internas que además tienen la funcionalidad de abrirse al clickear una solapa y mostrar la última solapa clickeada en caso que el usuario las cierre desde el “handler”.

Además tiene la funcionalidad de “recordar” el orden de las cajas y mostrarlas como el usuario las dejó la ultima vez que las movió. Eso lo hace a través del componente jqueryui y el plugin jquery cookies

Era mas simple utilizar la funcionalidad “sortable” para volver a acomodar las cajas leyendo el orden en que las tenia que mostrar desde una cookie. Eso también le agregó otra funcionalidad que no estaba en los planes, una manera más de mover las cajas. Tomándolas y arrastrándolas desde el techo de color.

Lo que Explorer se perdió

Un “feature” que estaba pensado desde un principio, era una manera de extender las noticias en una línea (que nosotros internamente llamamos tipo4) donde con un rollover sobre la nota, se puede ver un thumbnail de la foto (si la tiene) y la bajada. El “snapshot”.
Si bien estaba funcionando todo ok hasta unos días antes de implementarlo, notamos que en todas las versiones de IE este snapshot no se veía bien. Ni siquiera en la versión 8 (donde yo pensé que habían arreglado el problema, pero no). Básicamente el problema era de css. El IE al tener un elemento con posición relativa (con un z-index) y otro dentro con posición absoluta funciona bien como cualquiera esperaría. Pero con la excepción de que ese elemento absoluto queda “encapsulado” en el elemento de posición relativa, por lo que el siguiente elemento de posición relativa en el código queda por arriba del elemento de posición absoluta. Eso pasa en todas las versiones de IE y fue mas de un dolor de cabeza con los desplegables de la navegación del sitio.
Quizá la explicación no es tan clara, pero quedará para detallarlo en otro post.

En definitiva, en todos los otros navegadores van a poder ver esta funcionalidad que a mi personalmente me parece que esta muy buena.

Aunque mi idea es poner el js con un html demo para que lo pueda usar quien lo necesite. Como estoy corto de tiempo no pude hacer el demo y lo voy a agregar pronto. No quería dejar de postear esto, porque siempre me pasa lo mismo y si pasan 5 meses, para cuando lo posteo ya es viejo. Eso es causa de la ausencia de muchos post que tuve en mente y nunca llegué a publicar.

Para lograr que el ambiente de desarrollo sea lo mas identico posible al productivo, es necesario configurar el postfix en el Os X Leopard, para que la configuración del sistema siempre apunte al servidor donde está corriendo.

Asi, configurando el smtp de gmail, podemos tener andando los envios de mails desde nuestro servidor local.

Para que la configuración funcione, es necesario bajar y descomprimir los certificados:
https://www.verisign.com/support/roots.html

Por terminal crear la carpeta (si no existe): /etc/postfix/certs

sudo mkdir /etc/postfix/certs

Copiar y Expandir el zip bajado con los certificados ahi

sudo cp /Users/xxx/Desktop/roots.zip /etc/postfix/certs/roots.zip
sudo unzip -j roots.zip
sudo openssl x509 -inform der -in Thawte\ Premium\ Server\ CA.cer -out Thawte\ Premium\ Server\ CA.pem
c_rehash /etc/postfix/certs

Ya tenemos los certificados, ahora vamos a crear un archivo con la url smtp del server y el usuario y pass.
Para hacer esto, estando posicionados en la carpeta /etc/postfix creamos un archivo llamado relay_password

sudo vi relay_password

Esto creara el archivo vacío, donde ponemos:

smtp.gmail.com username@gmail.com:password

Mapeamos el archivo para crear un archivo .db

postmap relay_password


Chequeamos que el mapeo esté correcto con:

postmap -q smtp.gmail.com /etc/postfix/relay_password

Nos va a aparecer la dirección de email que pusimos en el archivo y el pass.

Ahora que ya tenemos todo esto, solo nos queda configurar el postfix. Para eso abrimos para editar el archivo: /etc/postfix/main.cf

sudo vi /etc/postfix/main.cf

Agregamos al final del archivo estas líneas:


relayhost = smtp.gmail.com:587
# auth
smtp_sasl_auth_enable = yes
smtp_sasl_password_maps = hash:/etc/postfix/relay_password
smtp_sasl_security_options = noanonymous
# tls
smtp_tls_security_level = may
smtp_tls_CApath = /etc/postfix/certs
smtp_tls_session_cache_database = btree:/etc/postfix/smtp_scache
smtp_tls_session_cache_timeout = 3600s
smtp_tls_loglevel = 1
tls_random_source = dev:/dev/urandom


Y guardamos.

Recargamos la configuración postfix:

sudo postfix reload

Ya podemos usar el envio de mail desde nuestras paginas en el servidor local. Si por alguna razon no se envian los mails, se puede chequear el log de mails encolados (mail queue) y ahi podremos ver que pasó.

mailq

Corriendo el MAMP en Os X, con esta opcion los desarrollos locales pueden utilizar el envio de emails. Aunque en la dirección de mail del remitente aparezca la cuenta que configuramos en el postfix, una vez en producción tomará la configuración del server, con la direccion de remitente que tengamos configurada en el sistema.

Ellos definen la aplicación como una conversación entre arte, ciencia, tecnología y sociedad.

Lo que mas me interesó fue como se genera la relación entre los videos, por compatibilidad semántica. La relación sale de la siguiente ecuación: p = tc / (td + tc).
Donde p es peso de la relacion, tc es tags comunes y td es tags distintos.

Via: Nacho

Esta herramienta es la primera de un conjunto de ideas con el objetivo de proponer al lector nuevas maneras de ver el contenido. Asi nació lanacion labs, que aunque no tenga un sitio donde mostrar estas herramientas, la idea es que lo tenga en un futuro cuando otras ideas lleguen a concretarse, pero por el momento siendo la unica herramienta, puede sonar un poco exagerado según Amphibia.

Yo encontré a partir de esta herramienta, una lectura del comportamiento de los usuarios dentro del sitio. Porque se puede ver claramente como los lectores de Política, Deportiva o Flashes deportivos hacen nicho en esas secciones solamente con mirar los colores y las conexiones de los globos.

La herramienta aparece en las notas que tienen “A quien le interesó esta nota además leyó:” al final y el acceso se carga cuando esta lista para ser usada.