Un análisis del nuevo Cadena3.com

Recientemente, Cadena 3 presentó su nuevo sitio en un evento con bombos y platillos en el Sheraton de Córdoba. Lamentablemente, el sitio está tan mal encarado que las críticas empezaron a aparecer enseguida en toda la blogósfera cordobesa.

A continuación, contribuyo con un análisis visual y de código sobre el sitio, esperando que Cadena 3 tome estas sugerencias para mejorar.

Continue reading…

Markup Maker es una de esas utilidades que deben estar en la cajita de herramientas de todo desarrollador web: Un conversor de IDs “tirados” a un documento XHTML bien formado y con su correspondiente CSS. Vía SimpleBits.

Técnica para bordes redondeados en CSS. Mi amigo (y cliente) Ryan Thrash realizó una técnica para bordes redondeados muy, muy interesante. Requiere el uso de una sola imágen, y funciona muy bien si tenés que hacer alguna caja con algún tipo de fondo extraño (con o sin bordes redondeados).

Implementaciones del elemento OBJECT como una alternativa a IMG. Esto me hace acordar en cierta manera a Bulletproof Logos, puesto que las dos técnicas buscan representar de la mejora manera el contenido de una imágen (con texto estilizado, tablas, etc.).

Firefox implementa el atributo PING propuesto por el WHATWG

Leyendo Slashdot me entero que desde ayer las trunk builds de Firefox (es decir, las nightly builds), ya vienen compiladas para dar soporte al atributo ping propuesto por el WHATWG en Web Applications 1.0.

¿Que quiere decir esto? Que desde ahora —y solamente con las últimas versiones de Firefox, ni sueñen todavía su implementación en otros browsers— es posible enviar información sobre la URL en la cual está clickeando el usuario a un servidor remoto. Esto es, —siempre en teoría—, se podría trackear y hacer análisis estádisticos sobre la cantidad de enlaces clickeados, los destinos y demás información.

Esto ya se hacía antes, pero a través del redireccionamiento, lo cual, según Fried Fish, es un método tosco para implementar, que solamente obliga a cargar otra página para saber que destino vamos a visitar, con la consecuente pérdida de velocidad. Para poner un ejemplo de este método, cada vez que hacemos un click en algún anuncio de Google Adsense, el navegador tiene que redireccionar a otra página/server (que contabilizará nuestro click y le dará una moneda al sitio), para luego redireccionar a nuestro destino original (digamos, un anuncio de coches). Un método tosco, claro que sí, pero funciona.

Para esto, la gente de WHATWG está proponiendo saltearse ese paso, animando a usar un nuevo atributo ping, que justamente mande una notificación del URL al que estamos clickeando a un servidor remoto, en forma transparente y en background, sin necesidad de tener que redireccionar.

2 cosas que me llaman mucho la atención:

  • La WHATWG se mueve y rápido. Hasta ahora el único organismo que se encargaba de “pushing the limits of the web” y de hacer los estándares de HTML, XHTML, y bla bla es la W3C. Pero como son lentos como una tortuga, algunas empresas como Apple, Firefox y Opera se unieron para hacer un nuevo grupo que los apure y genere propuestas de recomendaciones más rápidamente. Esto al parecer está dando resultado. Recordemos que hay un largo trecho desde que una recomendación se implementa en los navegadores (caso IE) y siempre hay baches que llenar.
  • La rapidez de Firefox en mejorar el navegador. Estamos hablando de pura teoría, que tal vez usaremos dentro de un par de años … pero realmente me sorprende la velocidad y la atención que le están dando a grupos como el WHATWG.

Por otro lado, no hace falta preocuparse por la privacidad del atributo ping, porque:

  • Por ahora solo esta implementado en Firefox, y en las nightly builds … digamos, solamente 2 o 3 locos de la cabeza pueden hacer uso del atributo :P
  • Si algun sitio quiere saber en donde clickeaste, hay cientos de métodos —mas complicados pero que sirven— para saberlo. Lo único que hace este atributo es facilitar la vida a los desarrolladores.
  • Es un atributo propuesto por el WHATWG … de ahí a que sea parte de alguna recomendación del W3C falta y mucho. Lo que quiero decir es que tal vez nunca sea una recomendación oficial.

Muy buena movida de Firefox, que realmente me sorprende por la implementación de proposed drafts … ¡en este caso de Enero de 2006!

Actualización: Un ejemplo práctico y bien geek: Imaginen un script para Greasemonkey que agregue un link a todas las páginas con el atributo ping apuntando a Delicious para guardar tus bookmarks sin necesidad de cargar Delicious y agregar los tags :) Mezclen eso con un poco de AJAX y vean que sale :P

Una introducción a XHTML

Nota: El siguiente artículo fué publicado en la revista argentina USERS, en la edición #171. El contenido del mismo está bajo una licencia Reconocimiento-NoComercial-SinObraDerivada 2.0. Este artículo puede puede haber sido editado para la versión impresa de la revista con el fin de evitar localismos. Actualmente, se encuentra en proceso de revisión, se omitieron capturas de pantalla y recuadros informativos. Les aconsejo comprar la revista, o esperar a que el artículo esté disponible en la web de Tectimes para descargarlo en formato PDF.
Siguiendo con nuestra serie de artículos sobre desarrollo web orientado a estándares, en esta ocasión les explicaremos en que consiste XHTML, explicando paso por paso la estructura de un documento en este lenguaje.

Continue reading…

Todd Dominey rediseña el sitio del Campeonato PGA para el año 2005. Excelente, otra muestra más a la galera del poder de los estándares web (noten la excelente integración con Flash en ese sitio). Vía What Do I Know.

Genial portfolio en XHTML + CSS. Para los que decían que los estándares eran aburridos. Vía Ovillo.

Como crear un sitio en CSS

Esta animación en GIF muestra como crear un sitio en CSS desde cero, pensando primero en la estructura del mismo y después en su presentación. Ideal para ser mostrado ante clientes, incrédulos y/o dinosaurios del diseño web.

Excelente recurso encontrado en la lista Ovillo.



Copyright © 2004–2009 Rodrigo Galindez. All rights reserved. Web hosting by XMundo.

RSS Feed. Proudly powered by Wordpress. Correct at time of going to print.