#29 – 25 Febrero 2009

Los bookmarklets son pequeñas aplicaciones Javascript contenidas dentro de una URL en una página web, de la siguiente forma: <a href="javascript:function(laQueSea){};">Bookmarklet La Que Sea</a> La idea es que sean ejecutada mediante el click del enlace, y lo que usualmente se usa es guardarlos mediante bookmarks en tu browser; así puedes tenerlos a mano siempre que los necesites. Como están escritas en Javascript, puedes hacer modificaciones a cualquier elemento de DOM dentro de la página: cambiar tamaño de fuentes, colores, extraer datos de la página (links, imágenes, texto), enviar datos para validación o traducción entre muchas otras cosas.

No desarrolles para la mayoría; no siempre tienen la razón y usualmente no saben lo que quieren. <p> Aunque 60% de los usuarios utilicen<strong> Internet Explorer 6</strong>, eso no indica que debemos desarrollar aplicaciones que funcionen sólo en <strong>IE6</strong>; si todos saltan a un pozo ¿tú te lanzarías también? </p> Usa siempre un reseter CSS. <p> Si tienes de 1 a 5 páginas simples y con formularios simples, basta con el reseter universal: </p> <pre><code class="language-css">* {<br /> margin: 0;<br /> padding: 0;<br /> }

Ayer se me acerca un colega de trabajo con algunas preguntas relativas a un proyecto de cómo encontrar una solución a una funcionalidad utilizando jQuery. Papel y lápiz en mano, me puse a explicarle cómo imaginaba que sería, pero después pensé en cómo hacerlo mejor aún, con menos líneas de código y en los posible extensible, vale decir, que su mantención o posterior actualización implique poca o nula modificación. Luego del trabajo salí a trotar y ¡ZAZ! La solución viene a mi cabeza. De vuelta la puse en práctica y decidí grabarla en un videocast, pero además de esa sencilla solución creí pertinente mostrar cómo a partir de una simple funcionalidad (o compleja, dependiendo de lo que hagan) pueden transformarla en un plugin configurable a partir de opciones, para jQuery.

Existen muchos beneficios al usar alguna de las librerías de javascript disponibles hoy en día (cómo han proliferado.. increíble). Facilitan escribir código y uno se concentra en mejores funcionalidades que en tratar de reinterpretar código. Y qúe decir de los efectos que cada vez vienen mejores… una delicia de utilizarlos. Cuando uno comienza un proyecto, se suele elegir el mejor lenguaje para su desarrollo y una de las desiciones es elegir el framework JS con que se trabajará, y casarse con éste. Ahora vengo a conocer que ésta desición no tiene que ser tan drástica, ya que jQuery incluye una funcionalidad que permite que se utilice junto con otras librerías, evitando el conflicto de interpretación entre diferentes formas de escribir javascript que conforma cada framework; en esta ocasión mostraré los diferentes usos de noConflict();

Durante mis vacaciones me propuse leer este libro que me trajo Papá Noel para Navidad. Al comienzo me entusiasmó el tema ya que como pueden haber notado soy un usuario de Macintosh desde hace muchos años ya, y no me cambiaría de plataforma ni que me pagaran. He leído algo sobre la forma de pensar y de trabajar del actual CEO de Apple, pero en esta ocasión el autor Leander Kahney (blogger de Cult of Mac de Wired) describe muchas anécdotas que envuelven la creación de Apple (y por consiguiente de los computadores personales a finales de los ’70), la contínua búsqueda de la innovación y de la simplicidad de todos sus productos, la cuasi-quiebra de la compañía y de cómo Steve Jobs volvió a Apple tímidamente y con su mentalidad arrolladora logró posicionarla como una de las más importantes en el área tecnológica y de consumo.

Nuevamente vengo con un error de nuestro querido amigo IE6 que también es compartido por IE7 y el beta1 de IE8 (estos de Micro$oft no aprenden nunca…). Gracias a Rodrigo, me hizo notar que estos browsers no interpretan correctamente a de un que contenga el atributo disabled=“disabled”. Todos los otros navegadores buenos lo hacen perfectamente, pero lamentablemente la gran mayoría de usuarios no saben que lo que usan para navegar apesta (y no tienen culpa tampoco) y lamentablemente tenemos que encontrar soluciones a este y muchos otros problemas del desarrollo web. Me puse a indagar por la web y encontré varias discusiones sobre qué solución es mejor que otra, y ninguna fue conclusiva. No hay solución aparente que funcione de igual manera para todos los browsers y que sea utilizada, por ejemplo, con comentarios condicionales. Básicamente me encontré con 2: una que involucra HTML pero la mejor manera de implementarlo es mediante Javascript y la segunda sencillamente con Javascript. Explicaré ambas a continuación, pero antes el HTML común que sería del tipo:

Ya es lunes, llego a revisar mis 600 RSS‘s que me esperan acumulados por el fin de semana y me quedo con un artículo que me llama la atención. Lo leo, lo analizo, lo pongo en práctica y ¡Zaz! Un nuevo paradigma se forma. Por todos es conocido y utilizado [Clearfix][1]; luego les comenté sobre [Clearfix Ultimate][2] (bautizado por mí) y que me ha sido de gran utilidad desde entonces. Esta vez, les traigo uno nuevo: Floatfix (nuevamente bautizado así por mí). Con este método, superas el colapso del contenedor a causa de elementos bloque flotantes dentro de él utilizando la propiedad CSS… ¡float!

Tengo la certeza de que si le pregunto a profesionales que trabajan con y para la web ¿Quién es tu cliente?, el 99.9% de ellos me responderia: “La Empresa XXX, Fulano de tal dueño de XYZ” y cosas por el estilo. Pero espero que exista ese 0.1% que responda lo mismo que yo respondería: “el usuario”. Piensen esto un poco: Ese sitio web que están haciendo: ¿Es para que su cliente lo vea? ¿O para que los usuarios entren y puedan disfrutar de lo que ahí se ofrece y ojalá aumentar sus ventas o lista de potenciales clientes?

Luego de ajetreadas semanas, vuelvo con un nuevo aporte pero de audio. No he tenido tiempo ni cabeza para escribir algún artículo, pero sí desde hace un tiempo tenía algunos pensamientos rodeando mi mente y quería mucho compartirlos con quienes quieran bajar este nuevo podcast, y ojalá aportar sobre el tema.