Categoría: Web

Todo lo relacionado con la telaraña

Publicado el

Spam, spam, spam

En reven.org, desde que instalé Akismet han caido en sus redes 69,289 comentarios que eran básicamente Spam. Muchos comentarios, ¿no? Me parecía que últimamente tenía mucho spam, pero pensé que era porque no le había dedicado demasiado tiempo al blog y los spammers huelen un blog semi-abandonado a mil kilómetros de distancia.

Por eso hoy me he acercado a la página de Akismet y me he quedado flipado al ver las estadísticas.

Gráfica de spam por Akismet, Junio 2007

Hace aproximadamente un año, ya hablé de una oleada de spam y entonces me parecía descomunal el pico de casi unos 3 millones. Ahora estamos ante un pico de más de 18. Uff. El 95% de todos los comentarios publicados son spam.

Hay un pero: Que yo sepa, Akismet no cuenta con ningún factor de corrección que refleje su popularidad. Seguro que parte de ese incremento exponencial se corresponde al incremento en número de blogs que utilicen WordPress y que tengan instalado Akismet. Pero los chicos detrás de Akismet no nos dan estas cifras porque le quitaría encanto a la gráfica y a lo maravilloso que es Aksimet.

Tomando datos muy aproximados de Technorati y de Aksimet, podemos hacer un ratio de Spam/Blogs. Este cálculo no es muy ortodoxo por que:

  • No hay datos mes a mes del número total de blogs
  • El número total de blogs y el número de ellos que utiliza WordPress y Akismet no han crecido igual (sospecho)
  • Puede que la relación fuera más exacta con el número de posts (o es independiente el spam de esto?)

En fin, aquí mis (repito: poco precisos) números, usando la fórmula (Nº de spams según Akismet / Nº de blogs según Technorati) x 100

Ratio spam-blogs Junio ’06 = 5,5
Ratio spam-blogs Junio ’07 = 23,1
Parece que efectivamente cada vez hay más Spam.

Publicado el

Bloguear sobre la marcha

En casa, en tu ordenador, cada uno se va habituando a usar unos y otros programas. Cuando sales de casa, o cuando (como me pasa a mi ahora) no tienes tu ordenador, tienes que buscar nuevos caminos.

No suelo postear imágenes en el blog y cuando lo hago, no me importa editar el HTML a mano para conseguir que todo quede exactamente donde a mi me gusta. Pero ahora las cosas han cambiado; no tengo una herramienta que me permita escribir un post con foto incluida y que lo haga como yo quiera. He estado probando un par de ellas a lo largo de hoy (como flock o ecto) e incluso usando el sistema de publicación por mail automático de flickr, pero no acaba de quedar como a mi me gusta.

Al final lo que estoy haciendo es publicarlas con flickr y luego entrar con wordpress a editar la entrada. Esto es lo que menos dolores de cabeza ha provocado. Sí, pero es un coñazo…

Otros de los cambios a los que me he visto obligado: leer el correo por webmail para compartir el ordenador cívicamente con Meli (PORFAVOR: mandadme mail en texto plano, nada de html), leer las noticias con un agregador web… Pero en general nos hemos adaptado bastante a la vida nómada.

Si alguien conoce algún programa libre que facilite la labor de postear en WordPress y subir fotos a flickr en un único paso, dejad un comentario, porfa.

Publicado el

Tendencias y mejoras

Capturas de pantalla de algunas web apps

En la web 2.0 han cambiado muchas cosas. La web ha sido mejorada a base de esteroides (AJAX) y ahora se construye mediante nuevos lenguajes de programación diseñados pensando en la productividad y en los humanos (como Ruby).

Como en todo, las grandes y populares webs han sentado unas bases que los demás intentan seguir, con éxito variable. Se trata de cambios estéticos y de usabilidad (muchas veces ligados), que intentan demostrar que el diseño de páginas web no está reñido con su accesibilidad o con el uso de tecnologías que conforman a los estándares.

Pero como todo lo relativo a internet, la mayoría de la gente no tiene ni la menor idea de qué es eso que los raritos llaman «Web 2.0». Aún hay demasiada gente (e incluso profesionales) que construyen sus webs totalmente con imágenes y que no entienden porqué el uso de flash es nocivo para una página web.

Al margen de cómo estén hechas las páginas o qué es lo que hay detrás para hacerlas funcionar, hay unos elementos comunes que se distinguen a simple vista y que han sido impuestos por el movimiento web 2.0. Estos elementos, que son «lo que se lleva» en este momento, son:

  • Simplicidad
  • Uso de resaltado amarillo (tipo fluorescente)
  • Mucho «whitespace»
  • Íconos grandes y coloridos
  • Animaciones no flash
  • Degradados y efectos 3D

El gran perderdor de esta renovación ha sido el flash. Su momento «Cool» fue bastante breve, pero el número de personas que se quedaron estancadas en ese momento es descomunal. Sin embargo, también ha jugado un papel importante en la revolución, como por ejemplo en las primeras versiones de flickr. Actualmente su uso en la web 2.0 está bastante extendido, pero no para presentar contenido, sino para interactuar con el usuario en aplicaciones ingeniosas. Este uso de flash sí es lícito, emho.

Como todas las revoluciones, su alcance (o incluso su grado de revolución) es variable según el punto de observación y el criterio del observador, pero lo cierto es que algo sí está cambiando. Espero que en un futuro próximo surjan aplicaciones web realmente buenas, que pongan en práctica estas nuevas directrices.

[imágenes: Odeo, Juice, Backpack, Skinny Corp]

Publicado el

Netiquette

Captura de pantalla de un correo con múltiples campos 'A:'

Internet está abierto a (casi) todo el mundo, lo que es parte de su grandeza y de su libertad. Pero que sea totalmente accesible, no nos exonera de educarnos en su uso correcto y responsable.

A mí me molesta especialmente el despiadado uso que se hace del correo electrónico, sobre todo en España (aunque no albergo esperanzas de que sea mucho mejor en otros países) y sobre todo a nivel de empresa. El correo electrónico se está rebajando al nivel del SMS y nos olvidamos de que en realidad se debería parecer más a una carta.

Al igual que para las reuniones y los actos oficiales, para el uso del correo electrónico y otros servicios de internet existen una serie de normas cívicas o protocolo, que se denominan en su conjunto «Netiquette».

Por ejemplo, está bastante mal visto enviar un correo a unas mil personas y poner todas las direcciones en el campo «Para:». Es como si cada vez que le enviaras una carta a un cliente, le enviaras una copia de tu agenda, con tus proveedores, su competencia… Si por ejemplo hemos mandado una carta a una empresa intentando dar la impresión de que la conocemos bien y que la hemos elegido a ella y no a otras (a la hora de encontrar un empleo o de conseguir un acuerdo) podemos quedar como auténticos idiotas. Todos los programas de correo incluyen una opción para enviar correos como BCC (o CCO)*, de modo que los destinatarios no sabrán a quién más hemos enviado el correo.

Si alguien nos ha confiado su dirección de correo electrónico, seguro que no ha sido para que se la «pasemos» a todos nuestros contactos.

También debemos tener cuidado con los mails en cadena, los correos comerciales no solicitados, el USO ABUSIVO DE MAYÚSCULAS, …

En la wikipedia hay un excelente artículo, breve y conciso, sobre la Netiquette, que nadie debería dejar de leer (3 minutos de tu tiempo, como máximo).

*La opción de enviar una copia de nuestro correo a terceras personas se denomina ‘CC’, del inglés «Carbon Copy» (Copia de Calco). La ‘B’ o la ‘O’ (según el programa que utilicemos) quiere decir «Blind» (del inglés «Ciego/a») u «Oculta».

Publicado el

Democracy TV

Cada vez paso menos rato delante de la caja tonta. Aparte de las series de sobremesa y alguna que otra incondicional (como CSI -aunque Miami me cansa y con NY no me he enganchado del todo-, House… ), simplemente prefiero estar pegado a la «otra» pantalla (ordenador). Las cosas que más me molestan de la tele son:

  • los bloques interminables de anuncios
  • los bloques interminables de aununcios antes de la última frase y las letras finales
  • los bloques de anuncios en mitad de una escena (porque en la cadena vecina han puesto publi y hay que aprovechar ese momento, aunque nos hayan cortado una frase a la mitad
  • la emisión de capítulos de forma desordenada (acaso te venden los libros por fascículos al azar… bueno, puede que no sea un buen ejemplo).
  • la sangría despiadada de cabeceras (muy especialmente molesta con los simpsons)
  • el reciclaje despiadado de capítulos antiguos (muy muy especialmente molesto con los simpsons)
  • el maltrato sistemático de horarios y rutinas (como por ejemplo en perdidos o los 4400)
  • la ligereza con que se olvidan de tu rutina semanal si se muere la jurado (qdltesg) o se proclama el campeón de liga
  • y alguna que otra cosa más…

Una solución es descargar los capítulos de las series que quieras ver; suelen estar codificados en alta definición, no tienen anuncios y además puedes elegir tú el día (o los días) de la semana que quieras verlos.

Otra solución es fabricarte (o comprar) un PVR (= Programable Video Recorder), también llamado «Media Center», un artilugio electrónico que te permite programar que canales/programas quieres grabar y él los guarda todos en su disco duro. Luego puedes verlos cuando quieras, pasándote anuncios y demás. En España no hay ninguna compañía (que yo sepa) que preste este tipo de servicios, pero puedes hacerte uno tú mismo o comprarlo e instalar Myth TV o Windows Media Center Edition. No entro en detalles pero si estáis interesados, empezad por la wikipedia (Grabador de Video Personal) o buscad en Google.

Yo he descubierto hace un par de días Democracy, una plataforma libre de televisión por internet. Mediante Democracy puedes suscribirte a canales de televisión por internet que se descargan automáticamente a tu ordenador para su visionado cuando más te apetezca. Democracy permite obtener contenido de feeds RSS, de podcasts de video, de video blog o de archivos BitTorrent. Además incluye una guía de canales mediante la cual podemos explorar los canales disponibles o añadir otros que no estén en el sistema.

Llevo dos días jugando con él y la verdad es que la experiencia está siendo muy grata. El programa es ágil e intuitivo y tiene un diseño tan absolutamente bien cuidado que parece un producto comercial, pero es totalmente software libre y gratuito!

Captura de pantalla del reproductor Democracy

Actualmente hay unos 600 canales o sea que probadlo y contadme qué encontráis. Si os gusta la animación, os recomiendo el canal «Channel Frederator«. A ver si más páginas españolas de animación (como p.ej Cálico Electrónico) se ponen las pilas y publican feeds RSS para que se puedan sindcar sus contenidos.

Si encontráis algo interesante, pasadme el link.

Publicado el

De churros y porras

Estas últimas dos semanas he estado bastante inmerso en trabajo atrasado. Tenía un par de webs pendientes de entrega que me he quitado de encima mediante 36 horas continuadas delante del ordenador, un cambio de sueño y un hérpex labial. Los excesos se pagan.

Lo que más me molesta de diseñar páginas web es que me veo capaz de diseñar webs geniales, como por ejemplo la gente de stopdesign, pero los clientes no quieren pagar lo que una de esas webs cuesta. En su lugar quieren la web corporativa de corta y pega, que sea genial pero que no pase de su presupuesto para su presencia en internet (cercano a cero). Duros a cuatro pesetas. Si alguien tiene que buscar en google que coño quiere decir esta última frase es que soy más viejo de lo que creo.

A lo que iba: yo no hago churros en serie; a mi me gusta hacer auténticas porras descomunales y artesanales, que no tienen igual en el mundo de las porras. Soy demasiado perfeccionista para hacer churros de forma rentable: me paro en detalles ridículos que si bien podrían quedar así (y casi nadie se daría cuenta) a mi me revuelven las entrañas.

Pongamos un caso hipotético de 300€ por un proyecto de estas características. ¿Cuánto quieres cobrar por hora? Si consigues hacerlo en un dia de trabajo nos sale a unos 37,50 €/h. No está nada mal, no? Mi problema es que no puedo entregar ese proyecto hecho en 8 horas. Me parece indigno. El menú podría tener los bordes redondeados, podría poner un fondo semitransparente, podría optimizar las palabras clave, podría rediseñar ese logo tan horrible que me han pasado, podría vectorizar todos los logos para que puedan utilizarlo en la correspondencia, podría… Podría seguir durante horas. En nuestro ejemplo hipotético, yo me pasaría 5 días rompiéndome la cabeza, con lo que mi tarifa por hora quedaría en unos 9,38 €/h. Lo peor de todo es que a la mayoría de los clientes les da bastante igual los extras que le hayas metido por la cara: ellos solo piensan en hacer las nuevas tarjetas con la dirección de internet.

Y ese es el motivo por el que sólo diseño páginas web como hobby y no como profesional.

Conozco empreas que te venden un paquete de «web básica» con 1 dominio, 2 cuentas de e-mail, 20 imágenes (¡alaaaaa! ni más ni menos!!!) y 5 páginas (¡5!) autogestionables!!! todo por el módico precio de 480€ (de los cuales la empresa que diseña la página en realidad recibe la friolera de 240€). Me consta que los que diseñan estas páginas tienen en su disco duro unas 3000 plantillas, que pueden ir variando con colores e imágenes nuevas y que deben tardar unas 2 horas en tener la página lista. 120 €/h no está nada mal… Hacen, literalmente, páginas como churros.

En fin. Sólo quiería desquitarme.

Publicado el

Mapas visuales

reven.org
reven.blog

Los mapas visuales de páginas web nos dan una idea de qué es lo que está pasando por detrás de las cortinas. Las páginas están normalmente diseñadas desde un punto de vista «humano», haciéndo énfasis en lo queremos que otra persona perciba al verlas y de forma que la organización espacial de los elementos que la componen hagan la información más accesible o, según los casos, predetermine a esa persona a fijar la atención en un elemento determinado.

La estructura de la información que contienen las páginas debería ser más artificial (o menos humana), ya que los estándares web tienden hacia una separación de contenido y código mediante el uso de etiquetas con valor semántico. Por simplificar mucho una historia muy larga, podríamos decir que la estructura de todas las páginas debería ser la misma:

  • Título
    • Encabecado 1: Contenido
      • Subencabecado 1: Contenido
    • Encabecado 2: Contenido
    • …

Pero la realidad es que en ocasiones se utilizan esas etiquetas semánticas un poco fuera de su contexto, p. ej. se puede utilizar un subencabezado con una tipografía más llamativa que un encabezado. Una práctica muy común es utilizar contenedores «dummy» (sin ningún valor semántico, por ejemplo <div> y <span>) para ayudarnos a posicionar elementos en la página o dar mayor peso a determinados contenidos.

A la derecha podéis ver mapas visuales realizados mediante websitesasgraphs. La superior corresponde a la portada de esta web y la inferior a la portada del blog. El significado de los puntos es el siguiente:

azul: enlaces (la etiqueta <a>)
rojo: tablas (etiquetas <table>, <tr> y <td>)
verde: la etiqueta <div>
violeta: imágenes (etiqueta <img>)
amarillo: formularios (etiquetas <form>, <input>, <textarea>, <select>, y <option>)
naranja: párrafos, líneas nuevas y citas (etiquetas <p>, <br> y <blockquote>)
negro: la etiqueta <html>, el nodo raíz
gris: el resto de etiquetas

Me parece una curiosa forma de hacerse una idea del contenido de una página.

Publicado el

Technorati

Para los que no lo conozcáis, Technorati (http://www.technorati.com) es un macro-directorio de blogs, que los indexa de forma (casi) inmediata y se ha convertido en un referente para buscar información de lo que está pasando (o de lo que se está hablando) ahora mismo. En función de los enlaces que apuntan a los blogs, Technorati les da un ‘ranking’ determinado.

Pues bien, este es el ranking en este momento de mis blogs:

Rank de reven.blog y theorangeduck.com en Technorati

No os parece curioso?

Publicado el

Búsquedas en reven.org

Bueno, lo prometido es deuda. Aquí tenéis una lista (selecta; la completa es enorme) de los términos de búsqueda más «llamativos» que se utilizan para llegar hasta esta página en los diversos buscadores. Las cadenas de búsqueda son literales (mis comentarios entre paréntesis).

  • fotos de naturaleza muerta
  • mis fotos
  • quieres ver mis fotos (vale…)
  • fotos del stress de la persona (no del de la vaca o el perro, eh!)
  • dibujos animados de la nasa
  • fotos para por no blog (o le sobra un espacio o no lo entiendo)
  • deformidades físicas fotos (joer los morbosos)
  • definicion de que son las contribuciones
  • no se han encontrado resultados que contengan (???)
  • fotos de ovejas negras
  • porque hay solo tormentas en verano
  • gente muerta fotos (ufff, ésta es peor)
  • fotos de personas con deformidades (seguimos en racha)
  • fotos de cerebros..
  • ver fotos de base de arreglos florales
  • paginas para pringaos aburridos (salgo el 1º, mirar: google)
  • como hacer php recomendar amigo wordpress copia administrador (pero tú qué buscas hijo mío!?)
  • se me han borrado entradas de blog (ya lo siento, chico)
  • fobia a las matematicas (yo también tengo)
  • aun no me han subido el ipc (no eres el/la única…)
  • como se hace click izquierdo en mac? (con la tecla Ctrl)
  • recibo mucho correo basura como solucionar esto (la palabra clave en esta búsqueda es «esto»)
  • mi pagina porno propia con fotos
  • paginas de internet de bromas detestables
  • blog pastillas
  • odio madrugar (entonces eres de mi religión)
  • ¡me rindo ya de buscar mapas! (JA, JA, JA! Qué bueno. Pobrecillo/a)
  • dientes largos
  • que problema ha surgido ultimamente con el can (con qué can?)
  • como se lee numeros en english (con los ojos? Ay, perdón: con un diccionario?)
  • enchufarse al frasco (je, je. No comment)
  • actriz francesa meli (creo que te refieres a «Amelie»?)
  • como poner botones en los ratones de las paginas web (Queeeeeeé?)
  • definicion de vida cotidiana
  • camara de fotos para zurdos
  • estamos prometidos pasar a ingles (otra de traducciones: www.google.es/translate)
  • dibujos animados para unir (para unir qué? hay dibujos reconciliadores?)
  • ha pasado algo con los servidores de internet este fin de semana
  • definicion de sniff

Me he plantado aquí, pero podría seguir durante siglos. En fin, espero que hayáis disfrutado. Si os identificáis con alguna búsqueda, no os lo toméis a mal… Y una pista: Google no es una persona. Aunque casi. Y sí, soy un poco cabroncete.

Publicado el

server 2.0

Los que paséis por aquí con cierta regularidad habréis podido observar cosas extrañas o igual os ha sorprendido los largos periodos durante los cuales mi servidor ha estado caído. La razón es que he migrado la web y toda la configuración a un nuevo servidor, más potente y más «mejor». Los curiosos pueden echar un vistazo a la página dedicada al servidor.

Por el momento creo que todos los cambios ya están hechos y no debería haber más caídas (salvo imprevistos). Espero que notéis la mejora en velocidad; las pruebas que he hecho dan unos tiempos de respuesta mucho mejores (entre 2 y 4 veces más rápidos).

Lo que sí es posible es que pilléis algún error/gazapo/duende; por favor, no dejéis de decirmelo, ok?

Acabado lo más duro, me dedicaré a escribir esas entradas que tengo pendientes desde hace algún tiempo.

Nos vemos.