Cuidado con lo que miran

Esta es una noticia aparecida en Infobae.com y me pareció que sería útil difundirla.

Según la compañía Websense, un portal falso (YouuTube.info) emula al sitio de vídeos YouTube>. El dominio falso redirige al usuario a una página que imita la de YouTube sin embargo, cuando se pide autorización para ver el archivo, el falso portal descarga una herramienta llamada Zango Cash.

Zango es un plugin muy controvertido que añade una barra en el navegador y está clasificado como adware y spyware.

Algo similar, ocurrió hace poco con MySpace así que, a tener cuidado.

En Blogger Buzz (en inglés, los que hablamos español siempre atrasamos) anunciaron que, a partir del 10 de noviembre, todas las nuevas cuentas de Blogger serán creadas en la versión Beta. Este es un nuevo paso en el inevitable camino hacia la migración completa.

Como aún muchos usuarios no han actualizado sus plantillas me parece que deberían ir pensando en hacerlo ya que el cambio será inevitable. Dudo mucho que Blogger mantenga ambos sistemas funcionando simultáneamente por mucho tiempo.

Sé que esto pude ponerle los pelos de punta a más de uno pero más vale irse preparando para lo inevitable.

MENSAJE PRIVADO: te juro que este post no es una indirecta, sólo es una casualidad.

No sé cuándo, no se dónde, en algún foro (era en inglés) vi una especie de meme que me pareció interesante. Como si copio la idea nadie se va a enterar, aquí vamos. No voy a poner una lista de invitados ni iniciar una cadena ni nada por el estilo. Quién quiera participar, que participe y quien no quiera participar, que no participe, lloraré en un rincón y no culparé a nadie.

La consigna es la siguiente: imaginen que tienen una PC nueva (cualquier sistema operativo), más o menos en orden, ¿cuáles serían los 10 primeros programas que instalarían?

Como se supone que debo ser el primero, aquí van los míos:

1. AVG Anti-Virus Free
2. ZoneAlarm Free
3. Firefox
4. xplorer² (reemplazo del explorador de Windows)
5. Winamp
6. GOM player (reproductor multimedia)
7. PaintShop Pro (antes de ser de Corel, los nuevos nos los conozco)
8. AMS Fast Defrag Freeware (optimización de la memoria)
9. SoftMaker Office (reemplazo de Microsoft Office)
10. eMule (sólo para descargas "legales")

No se hagan los graciosos y pongan las 10 primeras de las 150.000 actualizaciones de Windows. Seamos serios.

¿Es una estatua o se congeló? Cosas que llegan por email, mezcladas con invitaciones a Los Monteros Hotel en la Costa del Sol, los cds de Windows Vista por 35 euros y múltiples accesorios sexuales para usar en lugares de mi cuerpo que, hasta ahora, no sabía dónde estaban.

Muchas veces modificamos cosas del blog o de una página nada más que para ver que no funcionan o lo que es peor, funcionan pero no exactamente como querríamos. ¿Cuántas veces, después de casi darnos por vencidos, descubrimos que hay una comilla que falta o que sobra, un cero demás o de menos, errores sintácticos de esos que hay que buscar con lupa?

Si usan Firefox, esta extensión puede interesarles.

La instalé hace poco y me ha sorprendido. Aún cuando es una de las recomendadas por Mozilla, jamás le había prestado atención. FireBug sólo tiene 100 KB pero es una ayuda notable para cualquiera interesado en el desarrollo de páginas web.

Posee un inspector donde se puede revisar el código HTML, las rutinas JavaScript, las hojas de estilo CSS, eventos, layouts, etc. Pero no se limita a mostrar lo que existe, también pueden editarse partes del código fuente lo que permite hacer ajustes en línea de manera bastante sencilla. Incluso es posible hacer un debug de rutinas JavaScript ejecutándolas paso a paso o ingresando instrucciones a través de una línea de comandos.

Personalmente, lo que más me ha llamado la atención es la consola de errores. FireBug agrega un pequeño ícono en la barra de estado que se pone rojo cuando el código de la página que visitamos no está escrito correctamente. Haciendo click en el icono, se abre y nos muestra diferentes mensajes de advertencia. Si el error se ha producido en algún archivo al que tiene acceso, nos puede llevar hasta la línea exacta en donde se ha producido.

Los tipos de errores son múltiples y podemos configurar la extensión para que ignore algunos. Con otros, deberemos decidir ya que su análisis es muy estricto, por ejemplo:

Error al leer el valor para la propiedad 'cursor'. Declaración rechazada. screen.css (line 450) es una advertencia ya que el código cursor:hand (sólo funciona en Internet Explorer) y debería decir cursor:pointer (para que funcionara en todos los navegadores)

Me he divertido un rato recorriendo blogs y llama la atención la cantidad de advertencias que aparecen:

Se esperaba ',' o '{', pero se encontró '/'. Juego de reglas ignoradas.
Error al leer el valor para la propiedad 'display'. Declaración rechazada.
Se esperaba un color, pero se encontró '#0000000'.

La mayoría son tonterías que no tendrán mayores consecuencia, en cambio otras, son el tipo de error que nos desespera porque revisamos una y otra vez el código sin ver lo que tenemos frente a las narices.

Y si entramos en la red, las cosas se pueden volver dramáticas. Páginas muy sofisticadas que deben haber costado fortunas y donde una imagen no se ve porque se olvidaron de cerrar las comillas, un vinculo que no anda simplemente porque está mal escrita la dirección, detalles que nadie revisa, que nadie corrige. Quizás los que hacemos blogs somos un poco obsesivos, pero los "profesionales" dejan bastante que desear.

¿Alguien puede decirme por qué la página de Clarin tiene una unas 30 advertencias y 21 errores considerados graves? ¿Alguien podría informarles a estos muchachos que padding:'0pxpx' está mal escrito y que float:center no existe? El New York Times está mejor pero ¿padding: 0px 4x?

A no desesperar, no sólo nosotros tenemos problemas con las plantillas. Mal de muchos, consuelo de tontos. Es verdad, pero ¿que otra cosas puedo hacer cuando no tengo ganas de hacer nada?

La versión actual es FireBug 0.4.1. pero ya está en fase Beta la versión 1.0 que, por lo que se puede ver es su página, va a transformarse en algo más que recomendable.

Generalmente, tengo la necesidad de definir los términos para evitar caer en malos entendidos. No siempre es posible, pero, creo que el intento es válido. Este, es uno de esos casos.

"Hola, tratando de contribuir a un mundo mejor, acabo de lanzar una propuesta sobre donación de guardapolvos y quisiera tener apoyo para publicitar esa campaña. Mirala y si te parece bien, publicá algo al respecto. Desde ya, muchas gracias!"

El email que recibí de DrGen bien pudo haber caído entre la pila de spam con que nos bombardean en estos últimos días, pero lo leí, miré sus referencias y, durante unos días, me quedé pensando.

La dirección era esta.

La Wikipedia define solidaridad como la adhesión voluntaria a una causa de otros. La Real Academia Española, define donación como el traspaso gracioso de algo a otro, la cesión voluntaria con destino a personas que lo necesitan; y dice que la limosna, es la cosa que se da para socorrer una necesidad, el dinero, alimento o ropa que se da a los indigentes.

Tal vez suene POLÍTICAMENTE INCORRECTO pero, como creo en la SOLIDARIDAD, descreo de las donaciones y las limosnas. No me gustan porque son términos opuestos. La solidaridad implica una intención de cambio en las relaciones o jerarquías sociales, la caridad, en cambio, acepta esas jerarquías y por lo tanto, consciente o inconscientemente, las convalida.

En términos simples, donamos lo que nos sobra, las limosnas son las monedas que nos quedan después de comprar algo. La solidaridad implica un compromiso con el otro, ya que EL OTRO, también SOY YO, tiene los mismos problemas y me uno a él para resolverlos JUNTOS. No doy lo que me sobra sino que comparto lo que tengo.

No dudo de las buenas intenciones de quienes apoyen esta iniciativa, personalmente, tengo mis reservas sobre quien la promueve, he visto su blog, he recorrido sus links, he leído sus entradas y hay algo que no me cierra. Puede ser mi naturaleza escéptica, puede ser que esté completamente equivocado. No lo sé.

De cualquier forma, si alguien siente que debe colaborar, acá está. No es que quiera quedar bien con Dios y con el Diablo, es que prefiero adherirme a causas que signifiquen dar respuesta a la falta de oportunidades, a la inequidad, a la discriminación. No quiero tapar un agujero con un chicle y sentirme aliviado con mi contribución. Quiero elegir, cuestionar, razonar, dudar. No quiero caridad para los pobres, quiero que terminemos con la pobreza, y eso no se hace con caridad, requiere de ideas que permitan transformar el sistema existente.

No nos engañemos, aquellos a quienes ayer dimos una moneda porque sentimos piedad, aún tienen hambre. Aquellos a quienes elegimos para que nos dirijan y ahora repudiamos, aún siguen riéndose. Y, para colmo de males, mañana, volveremos a elegirlos alegremente, hasta que nos demos cuenta que, el único problema, somos nosotros.

El sociólogo Emile Durkheim dice: "En una sociedad, cada miembro posee una parte de los conocimientos generales y sus recursos, por lo que todos dependen de todos."

Por alguna razón que desconozco, Blogbar la barra de búsquedas que había incluido, dejó de funcionar. El problema no era visible en Firefox, pero, al usar Internet Explorer, las páginas no se cargaban y muchas imágenes desaparecían misteriosamente.

No le encontré solución así que decidí quitarla pero, como quería tener algún buscador incorporado, me puse en campaña y recorrí la web de uno a otro lado. Nada me convencía. Por fin, me encontré con una rutina en PurpleMoggy's Blog que, si bien no satisfacía mis necesidades, me permitiría adaptarla con cierta facilidad.

Lo que sigue es la explicación del elemento búsqueda que está en en la barra lateral del blog, bajo el título BUSCAR AQUI Y ALLÁ.

La idea de la llamada Searh Box 4-in1 creada por PurpleMoggy es tener la posibilidad de seleccionar entre cuatro tipos de búsquedas diferentes: en el blog, en Google, en Blogger y en Technorati. La primera es igual que buscar desde la barra superior, la segunda y la tercera utilizan Blogsearch y la tercera busca entradas del blog, dentro de Technorati. Como ninguna hace una búsqueda normal. Se me ocurrió dejar lo esencial y modificar las acciones de los formularios para que, simplemente, buscaran en mi blog y en Google.

Se necesitan tres cosas, una serie de declaraciones de estilo CSS, una rutina JavaScript y un elemento HTML en donde insertar el código en si mismo.

El script es igual al original, salvo que he quitado dos de las opciones y debe ser agregado en el HEADER de la plantilla:

<script type='text/javascript'>
//<![CDATA[
var search_which_one = "pm-f-h";
function selectH() {
document.getElementById('li-h').className = 'pm-search-selected';
document.getElementById('li-g').className = 'pm-search-unselected';
document.getElementById('pm-search-h').style.display = 'block';
document.getElementById('pm-search-g').style.display = 'none';
document.getElementById('pm-f-h').value = document.getElementById(search_which_one).value;
search_which_one = "pm-f-h";
}
function selectG() {
document.getElementById('li-h').className = 'pm-search-unselected';
document.getElementById('li-g').className = 'pm-search-selected';
document.getElementById('pm-search-h').style.display = 'none';
document.getElementById('pm-search-g').style.display = 'block';
document.getElementById('pm-f-g').value = document.getElementById(search_which_one).value;
search_which_one = "pm-f-g";
}
//]]>
</script>

Ahora, el código CSS mínimo que debe insertarse dentro de la sección de la plantilla.

div#pm-search {margin: 0; padding: 0;}
div#pm-search ul {margin: 0; padding: 0; text-align: center;}

div#pm-search li {
/* blanquear estilos previos */
list-style-type: none;
display: inline;
cursor: pointer;
background-image: none;
text-indent: 0px;
margin: 0; padding: 0;
/* ... agregar tipo de fuente, colores, etc ... */
}

div#pm-search form {margin: 0; padding: 0;}

/* estilo de los vínculos de selección */
div#pm-search-h {display: block;} /* visible por defecto */
div#pm-search-g {display: none;} /* oculto por defecto */

.pm-search-selected { } /* del tipo seleccionado */
.pm-search-unselected { } /* del tipo no seleccionado */
/* ... agregar tipo de fuente, colores, etc ... */

.pm-input { } /* cuadro ingreso textos */
.pm-boton { } /* pseudo-botón ejecutar la búsqueda */
/* ... agregar tipo de fuente, colores, etc ... */

Lamentablemente no puedo dar demasiados detalles porque todo va a depender del tipo de plantilla, de color de fondo, etc. En este caso, no queda más remedio que recurrir al viejo método de PRUEBA Y ERROR hasta lograr el efecto gráfico que se deseado.

Por último, este es el código que debe ser insertado en un elemento HTML en la barra lateral. Personalmente, me resultó más cómodo incluirlo en una tabla pero pueden probarse otras alternativas.

<div id="pm-search" align="center">

<ul>
<li id="li-h" class="pm-search-selected"
onclick="selectH()">AQUI</li>
<li id="li-g" class="pm-search-unselected"
onclick="selectG()">GOOGLE</li>
</ul>

<!-- busqueda en el Blog -->
<div id="pm-search-h" align="center">
<form action="URL_DEL_BLOG/search" method="get">
<input id="pm-f-h" class="pm-input" value=""
name="q" size="25" type="text"/>
<input class="pm-boton" value="BUSCAR" type="submit"/>
</form>
</div>

<!-- busqueda en Google -->
<div id="pm-search-g" align="center">
<form action="http://www.google.com.ar/search" method="get">
<input value="es" name="hl" type="hidden"/>
<input id="pm-f-g" class="pm-input" value=""
name="as_q" size="25" type="text"/>
<input class="pm-boton" value="BUSCAR" type="submit"/>
</form>
</div>

</div>

AGREGAR UN BUSCADOR (Search Box)

Searh Box 4-in1

w3.org - FORMS

December - FORMS