TuFuncion

Temas para Gmail

manu — Thu, 20 Nov 2008 00:19:09 +0100

GMail lleva un gran año de nuevas funcionalidades y esta es sin duda la más vistosa y posiblemente la que más importante para la gran mayoría de los usuarios, ya no nos queda otra que dar las gracias a Google por tan genial servicio, y pensar que aún hay gente que utiliza aplicaciones como Hotmail.

Lo mejor de todo es que no se trata únicamente de cambiar colores sino que hay más de 30 temas con ilustriaciones de diferentes temáticas que harán satisfacer las necesidades de todos los usuarios.

Esta es una de esas entradas que con sólo una imagen puede explicarse...

Para aquellos que no puedan verlo en la pestaña "Temas" de las opciones puede que tarde un par de días en activarlo para todas las cuentas.

Blog oficial de Gmail

Google como corrector ortográfico

manu — Sun, 16 Nov 2008 23:06:52 +0100

Google es el líder en búsquedas pero la verdad es que el uso como "corrector ortográfico" es uno de los usos más comunes que se le dan al motor de búqueda más popular del mundo hasta tal punto que a lo que diga el "Quiso decir" va a misa.

No sabemos como se escribe algo y nos vamos a Google a preguntar. y es que cada vez tenemos más prisa, escribimos más rápido por eso las faltas y abreviaturas de palabras está a la orden del día.

Así, lo que se creó para buscar se ha convertido en corrector ortográfico y en diccionario, lo que mucha gente no sabe es que con búsquedas como: "define:ábaco" se puede conseguir la definición de una palabra.

Firebug reduce la velocidad de Gmail

manu — Wed, 12 Nov 2008 23:43:52 +0100

Firebug es una magnífica extensión para Mozilla Firefox que todos los que se dedican al desarrollo web tienen sin duda instalada en su navegador.

Pero como no todo puede ser positivo, debemos decir que Firebug puede reducir la velocidad de nuestro navegador debido al gran número de operaciones que esta extensión lleva a cabo.

¿Dónde está el problema?

Firebug está continuamente monitorizando las llamadas a 'XMLHttpRequest' lo que en muchas páginas lleba a ralentizar el uso de nuestro navegador, el caso más famoso se da con Gmail, antes esta situación Google nos advierte en la parte superior con un mensaje que dice "Se sabe que Firebug reduce la velocidad del navegador si no está configurado correctamente".

La solución

Usuarios de Windows o Linux

Para inhabilitar Firebug:

Haz clic en el icono verde o rojo situado en la esquina inferior derecha de la ventana del navegador para abrir Firebug.
Haz clic en el icono de error en la esquina superior izquierda de Firebug y selecciona "Inhabilitar Firebug para mail.google.com".

Si deseas mantener Firebug en funcionamiento, puedes mejorar el rendimiento de Gmail siguiendo estos pasos:

Haz clic en el icono verde o rojo situado en la esquina inferior derecha de la ventana del navegador para abrir Firebug.
Haz clic en la pestaña Console (Consola).
Selecciona Options (Opciones).
Desmarca Show XMLHttpRequests (Mostrar SolicitudesXMLHttp).
Haz clic en la pestaña Net (Red).
Selecciona Options (Opciones).
Desmarca Disable Network Monitoring (Inhabilitar supervisión de red).

Usuarios de Mac

Para inhabilitar Firebug:

Haz clic en el icono verde o rojo situado en la esquina inferior derecha de la ventana del navegador para abrir Firebug.
Haz clic en el icono de error en la esquina superior izquierda de Firebug y selecciona "Inhabilitar Firebug para mail.google.com".

Google mantiene el "peso" de la página principal en 28

manu — Mon, 10 Nov 2008 20:40:58 +0100

Google es el motor de búqueda más popular del mundo y por ello todo está controlado al milímetro en su página principal. Hasta tal punto que a partir del Verano de 2000 el número de palabras de que alberga la página principal es 28.

Marissa Mayer, Vicepresidenta de Productos de Búsqueda y Experiencia para el Usuario

En el verano de 2000, me encontré tarde una noche respondiendo correos electrónicos de ayuda al usuario sobre dos nuevas funciones que acabábamos de lanzar, Búsqueda avanzada y Preferencias (en el momento llamada “Idioma, visualización y opciones de filtrado”). Ocupada elaborando respuestas sobre cómo configurar SafeSearch o cómo cambiar el número de resultados ofrecidos por la opción predeterminada, iba avanzando por la hilera de correos electrónicos. Y entonces lo vi: el siguiente correo electrónico sólo tenía un número (“37”) en el asunto—y ningún texto de mensaje. Qué forma de correo basura (Spam) tan extraña, pensé. ¿Por qué querría alguien mandar sólo un número? Busqué la dirección de correo electrónico del usuario para ver qué más había enviado. Interesante. Muchos números: 33, 53, y luego una pista: “61, estamos poniéndonos un poco pesados, ¿no?” Además, la fecha de cada uno de los mensajes me parecía muy familiar. Entonces me di cuenta de que la razón era que todas las fechas eran días en que yo había lanzado diferentes cambios en la página principal. “¿Poniéndonos un poco pesados?”—ese correspondía de hecho a uno de los lanzamientos con mayor volumen de palabras en la página principal que jamás habíamos hecho. ¿Estaría contando palabras el remitente? Efectivamente, miré de nuevo, conté las palabras yo misma, y lo estaba haciendo—era una versión manual, humana, de una balanza para la página principal de Google. Estaba pesando nuestra página principal y dejándonos saber cuando se estaba poniendo muy pesada. Uno de sus primeros correos tenía una nota en el cuerpo del mensaje: “¿Qué pasó con los días de 13?—refiriéndose al número de palabras en la página principal inicial de 1999 ... | ¿Qué sigue en esta serie? 13, 33, 53, 61, 37, 28...

Pequeño cambio en la página principal

Ayer Google realizaba un pequeño cambio en la página principal añadiendo un enlace a la información y política de privacidad.

Se ha añadido este enlace tanto a la página principal como a la página de resultados para hacer más fácil encontrar información sobre los principios de privacidad de Google.

El nuevo enlace de “Privacidad” lleva al Centro de Privacidad, el cual fue renovado a comienzos de este año para volverlo más sencillo y accesible, con videos y una visión general sin lenguaje jurídico.

Pero te estarás preguntando ¿Cómo se relaciona la privacidad con el número de palabras de la página principal?

Al tratar de mantener siempre el "peso" (28) de la página principal para añadir una palabra habría que deshacerse de otra manteniendo el "peso" de la página principal. Dado que el nuevo texto tiene que ver con la política de privacidad del mismo Google la palabra "Google" que había en la página principal carece de importancia ya que queda implícito de que se trata de la política de privacidad de Google.

Fútbol 2.0

manu — Fri, 7 Nov 2008 14:08:37 +0100

Resultados-Fútbol es un proyecto que últimamente está absorbiendo mi tiempo libre y por eso me hace especial ilusión escribir sobre el portal e informar de las novedades que junto a mi amigo Alejandro (creador de Andalucia Imagen) hemos desarrollado en estos últimos meses.

En estos meses hemos tratado de desarrollar una aplicación funcional, rápida y atractiva para los aficionados de fútbol.

Resultados-Fútbol.com

¿Qué es Resultados-Fútbol.com?

Es una web que ofrece un servicio sencillo y útil, la fórmula es muy fácil: Resultados + Comentarios.

Desde el punto de vista del aficionado las muchas funciones que tiene la aplicación pueden hacer las delicias de los más forofos del deporte rey.

En los medios deportivos más habituales únicamente podemos expresar nuestra opinión de los partidos de las principales ligas, pero... ¿Por qué no dar este servicio al fútbol modesto? (Segunda Division, Tercera División, Fútbol Regional, etc...).

Uno de las ventajas que ofrecemos a los usuarios es que las peticiones son casi inmediatas, las webs de fútbol suelen colapsarse los días de partidos (Domingos habitualmente), más del 30% del tráfico de una semana se puede llegar a recibir en las 3 - 4 horas fuertes del Domingo y en ese sentido hemos tratado de conseguir que su disponibilidad sea máxima incluso ante estos picos de tráfico.

Características de la Web

Resultados de ligas a nivel mundial: Más de 700 ligas de lugares muy dispares pero con una especial atención a las ligas españolas.

Ejemplos: Primera, Segunda, Segunda División B, Tercera División, Serie A, Premier League
Plantillas de equipos con estadísticas de jugadores (goles, tarjetas amarillas, tarjetas rojas, nacionalidad, edad).

Ej: Plantilla Real Madrid, Estadísticas Real Madrid
Resultados, detalles y estadísticas de los partidos (goles, tarjetas amarillas, tarjetas rojas). Todo tipo de datos para analizar el pre-partido y el post-partido: gráficas de progresión de equipos, últimos partidos jugados, etc...

Ejemplos: Real Madrid - Barcelona, Barcelona - Valencia

Histórico de resultados, ¿Te acuerdas como quedo el Real Madrid - Barcelona del año 2003?... yo no pero Resultados-Futbol.com tiene resultados históricos desde el año 1991.

Esta opción es muy interesante para saber la evolución de los equipos en los diferentes años y recordarnos los éxitos y penurias de nuestros clubes favoritos.

Ejemplos: Así acabó la Primera División en la temporada 2002/2003 o la Segunda División en la temporada 1998/1999.

Widgets y Gadgets, ponemos a disposición de los usuarios unos sencillos widgets con los que incluir los resultados y clasificaciones de las ligas en sus sitios webs, el formato es sencillo y totalmente personalizable, además a diferencia de otros servicios ofrecidos carece de publicidad o engorrosos logotipos que afectan a la personalización del mismo.

También puedes seguir los resultados desde tu página de iGoogle gracias al gadget que proporcionamos y que cuenta con más de 10.000 usuarios.

Resultados colaborativos, ¿No te gustaría que todos tus amigos pudieran ver los datos de la liga de tu ciudad, barrio o peña?, claro está con todas las posibilidades que ofrecen el resto de ligas (gadgets, widgets, plantillas, comentarios geolocalización de resultados, etc...)

Para ello se ofrece a los colaboradores las herramientas necesarias para poder almacenar los resultados de sus ligas y que sean accesibles por un mayor número de personas.

De esta manera se podría acceder no sólo a los resultados de fútbol profesional sino que también a los resultados del fútbol aficionado y a las categorías inferiores (Fútbol Modesto), en este caso el número de resultados y ligas almacenadas lo decidirán los usuarios.

DHTML Calendar, el calendario definitivo

manu — Thu, 6 Nov 2008 23:33:27 +0100

En casi todas las interfaces de usuarios nos encontramos con campos en los que los usuarios tienen que introducir una fecha, las fechas son unos datos muy especiales porque sus formatos son bastante difíciles de comprender por la gran mayoria de los usuarios y son demasiado difíciles de escribir.

Por todo esto lo más cómodo es controlar la introducción de datos del usuario y facilitar su tarea, la solución a todo esto es utilizar un calendario para seleccionar la fecha.

DHTML Calendar es un proyecto alojado en SourceForge.net: sourceforge.net/projects/jscalendar

DHTML Calendar

DHTML Calendar es un calendario muy potente y fácilmente configurable, con una interesante interfaz y totalmente dinámica. Se puede incluir de diversas maneras dentro de una página, como un popup, o directamente en el cuerpo de la página, lo que lo hace útil en diversas situaciones. Ademas está disponible en diferentes idiomas y nos permite seleccionar fecha y hora.

Descarga DHTML Calendar v1.0
Ver Demo
Documentacion de DHTML Calendar

El código es muy simple y su implementación sólo nos robará unos minutos, veamos un ejemplo:

<html>
<head>
  <title>Calendario de pruebas</title>
  <!-Hoja de estilos del calendario -->
  <link rel="stylesheet" type="text/css" media="all" href="calendar-green.css" 
title="win2k-cold-1" />
  <!-- librería principal del calendario -->
 <script type="text/javascript" src="calendar.js"></script>
 <!-- librería para cargar el lenguaje deseado -->
  <script type="text/javascript" src="lang/calendar-es.js"></script>
  <!-- librería que declara la función Calendar.setup, que ayuda a 
generar un calendario en unas pocas líneas de código -->
  <script type="text/javascript" src="calendar-setup.js"></script>
</head>
<body>
<!-- formulario con el campo de texto y el botón para lanzar el calendario-->
<form action="#" method="get">
<input type="text" name="date" id="campo_fecha" />
<input type="button" id="lanzador" value="..." />
</form>
<!-- script que define y configura el calendario-->
<script type="text/javascript">
   Calendar.setup({
    inputField     :    "campo_fecha",    
     ifFormat     :     "%d/%m/%Y",    
     button     :    "lanzador"  
});
</script>
</body>
</html>

Distancia entre dos puntos geográficos con MySql

manu — Wed, 5 Nov 2008 18:55:01 +0100

Es un problema poco habitual ya que no siempre se trabaja con coordenadas geográficas en las aplicaciones web, pero en estos últimos años con la irrupción de Google Maps y servicios similares es muy habitual encontrarnos con Mashup que giran en torno a mapas.

Antes de comenzar a desarrollar y solucionar el problema veamos sus posibles funciones dentro de las aplicaciones web:

Encontrar localizaciones cercanas a un punto dado
Red Social: encontrar amigos cercanos a ti
Mapas sociales: encontrar puntos de interes cercanos
Páginas Amarillas: encontrar servicios cercanos a un punto dado

Distancia entre dos puntos

En la superficie de la Tierra no nos movemos por un plano recto por lo que en todos los cálculos de distancia debemos tener en cuenta el arco que describe el recorrido entre dos puntos, es pura trigonometria.

Para entender la solución al problema es muy importante entender la formula Haversine, es una ecuación muy importante para la navegación en la que podemos obtener la distancia entre dos puntos geográficos (longitud y latitud) dados.

En este tipo de cálculos omitimos el hecho de que la Tierra no es perfectamente redonda lo que haría aún más complejo el cálculo, en principio este hecho no nos debe afectar y con la solución dada nos será más que suficiente.

Distancia entre dos puntos geográficos con MySql

Aquí tenemos la solución para calcular la distancia entre dos puntos con MySql:

Habitualmente cuando trabajamos con mapas en nuestra aplicación web utilizamos dos campos en la base de datos para almacenar la geolocalización de un punto, estos dos datos son la latitud (su línea de base es el Ecuador) y la longitud (su línea de base es el Meridiano de Greenwich).

Cogemos dos puntos aleatorios, por ejemplo Catedral de Málaga y Plaza de Colón de Madrid.

	Catedral Málaga	Plaza de Colón
latitud	36.720139	40.425797
longitud	-4.419422	-3.690462

Radio de la Tierra: 6378 km.

SELECT (acos(sin(radians(36.720139)) * sin(radians(40.425797)) + 
cos(radians(36.720139)) * cos(radians(40.425797)) * 
cos(radians(-4.419422) - radians(-3.690462))) * 6378) as 
distanciaMalagaMadrid;

+-----------------------+
| distanciaMalagaMadrid |
+-----------------------+
|       417.34812304175 |
+-----------------------+

El resultado es de 417,348 Kilómetros.

Veamos la soluciónd e una manera más limpia:

	PUNTO 1	PUNTO 2
latitud	LATITUD_1	LATITUD_2
longitud	LONGITUD_1	LONGITUD_2

SELECT (acos(sin(radians(LATITUD_1)) * sin(radians(LATITUD_2)) + 
cos(radians(LATITUD_1)) * cos(radians(LATITUD_2)) * 
cos(radians(LONGITUD_1) - radians(LONGITUD_2))) * 6378) as 
distanciaPunto1Punto2;

Distancia entre dos puntos geográficos con Javascript

Esta sería la Formula de Haversine anteriormente citada:

Radio de la Tierra: 6378 km.

R = earth’s radius (mean radius = 6,378km)
Δlat = lat2− lat1
Δlong = long2− long1
a = sin²(Δlat/2) + cos(lat1).cos(lat2).sin²(Δlong/2)
c = 2.atan2(√a, √(1−a))
d = R.c

Y esta sería su implementación en código Javascript:

var R = 6371; // km
var dLat = (lat2-lat1).toRad();
var dLon = (lon2-lon1).toRad();
var a = Math.sin(dLat/2) * Math.sin(dLat/2) +
        Math.cos(lat1.toRad()) * Math.cos(lat2.toRad()) *
        Math.sin(dLon/2) * Math.sin(dLon/2);
var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
var d = R * c;

¿Qué es un Mashup?

manu — Wed, 5 Nov 2008 12:30:12 +0100

Un mashup es un sitio Web que combina la información y los servicios de multiples fuentes.

Utilizan y combinan varias tecnologías y son frecuentemente rápidos y fáciles de desarrollar.

Los creadores de mashups a menudos son gente innovadora que desea crear servicios creativos e innovadores.

Los mashups están revolucionando el desarrollo web del mismo modo que los blogs revolucionaron la publicación en línea.

¿Por qué hacer un Mashup?

Los mashups combinan datos de diferentes servicios, por ello a menudo el valor del mashup no esta dado por el contenido ofrecido sino por la interfaz ofrecida para acceder a dicho contenido.

A menudo en la forma de mostrar los datos radica el éxito o fracaso del Mashup, podemos plantearnos la creación de un Mashup para uno de los siguientes cometidos:

Crear una mejor interfaz de usuario de un servicio ya existente, por ejmplo una mejor navegabilidad y usabilidad de un sitio web en el que su información puede llegar a ser confusa.
Para unificar diversas fuentes de información, de esta manera se puede ofrecer al usuario información sobre cierta temática de mayor cantidad y calidad.
Complementar la información original de un sitio web con datos interesantes y relacionados a esa información.

Por último crear un mashup requiere una inversión baja, es el trabajo a menudo de una única persona y con ello puedes aprender acerca de una tecnología algo que puede llegar a convertirse incluso en una diversión, además puede incluso generar ingresos con una inversión de trabajo mínima.

Ejemplos de Mashup

Cuidado con Gmail y el robo de dominios

manu — Mon, 3 Nov 2008 21:04:38 +0100

Esta es una de esas cosas a la que no das importancia hasta que te pasan.

Hoy recibía un email de una usuaria en el que me cuenta como debido a un fallo de Gmail le han robado tres de sus dominios: musicayletras.net,
cuantolibro.com, y acordesytablaturas.com.

Esto se puede hacer gracias a que en algunos casos la confirmación del titular del dominio se puede hacer por email y sin que el titular real se de cuenta, si no me equivoco estos es un fallo de Gmail que mediante la técnica HiJack permite crear una puerta falsa a una cuenta de Gmail.

Una vez hecho esto lo que hace el "usuario malicioso" es crear un filtro de reenvío y de este modo ya tiene acceso a todo el correo entrante.

Prevenir estos ataques

Y el caso es que nadie sabemos si estamos libres de este peligro así que si tienes una cuenta GMail, a pesar de que parece que el problema está solucionado, mas vale que lo revises por si alguien hubiese introducido un filtro similar anteriormente.

El caso comentado es similar a lo explicado y de este modo han conseguido hacer una transferencia de dominios pudiendo modificar así las DNS hacia un sitio parking y ganando dinero a costa de las visitas de las webs robadas.

Creo que era conveniente colgar esta pequeña explicación para que los usuarios de las webs citadas conozcan la causa del estado actual de las páginas, y a la vez, alertar a otros webmasters que usan Gmail de lo que estan arriesgando sus sitios.

Si usas gmail tienes que asegurarte usar el protocolo https (lo puedes escoger en configuración), y prevenir utilizando por ejemplo Firefox con la extensión noScript para evitar códigos malintencionados.

Búsquedas en los perfiles de Google

manu — Sun, 2 Nov 2008 01:15:13 +0100

Google Profile permite a los usuarios de Google añadir información personal, los usuario de esta manera pueden añadir información complementaria y personal al resto de productos de Google que usan ya.

Accede a la información de tu perfil

En este sentido, Google permitirá que los usuarios puedan controlar quiénes visitan su perfil y crear diferentes niveles de acceso a la información personal dependiendo de quién acceda a ella.

Si los usuarios marcan como público su perfil, este será visible en buscadores y podrá ser localizado por cualquier usuario. Así, cuando un usuario busque el nombre y apellidos de un usuario con cuenta pública en Google Profile, éste será de los primeros resultados en ser mostrados en la página de resultados.

Los parámetros principales que pueden añadirse al perfil en Google serán el nombre y apellidos, un apodo, la ocupación, la ubicación geográfica, algunos enlaces de interés, una fotografía y un espacio para exponer una breve descripción del usuario.

Aún no hay demasiados resultados de búsquedas para los perfiles pero las búsqeudas más genericas si devuelven resultados, probad con "Tom", "Juan", "Jose".

Consejos para planificar una aplicación web

manu — Sat, 1 Nov 2008 13:41:38 +0100

A menudo antes de empezar un proyecto no tenemos claro cúal es el objetivo del mismo o qué pretendemos alcanzar por eso esta pequeña lista te puede ayudar a la hora de planificar un proyecto.

Planificar una aplicación web implica pensar y definir muchas cuestiones de importancia:

1. Planificar el futuro

Puede sonar un poco duro que nos tengamos planear el futuro de algo que aún no existe pero es así, que pasa si en un futuro tuvieramos problemas de escalabilidad, y sí tuvieramos que migrar las bases de datos de MySql a Oracle, de una buena planificación depende la dificultad en un futuro de realizar cambios en la plataforma que sostiene nuestra aplicación.

2. Documentación

Documenta todo lo que puedas tu aplicación en especial aquellas partes de la misma que hayan requerido un mayor tiempo de desarrollo, en un futuro cercano te librará de más de un quebradero de cabeza.

3. No empiezes por los pequeños detalles

A menudo es más sencillo plantearse el desarrollo de pequeños servicios cómo pueden ser los RSS o una galería de imágenes, pero es fundamental comenzar por lo que vendrá a ser la base de nuestra aplicación, de este modo podremos ir completando nuestra aplicación en un orden lógico, primero los cimientos...

4. Diseño de la interfaz

Esta entrada puede que te ayude en esta parte, es importante conseguir un buen diseño para nuestra interfaz, es importante conseguir un interfaz que se atractivo y útil para la gran mayoria de los usuarios, lo más importante es llegar a conectar con el usuario y la mejor manera es ofrecerle la mayor cantidad de información posible para que se llegue a sentir parte del proyecto pero todo esto muchas veces no lo llegamos a conseguir por una mala elección en la combinación de los colores que se integran en nuestra interfaz.

5. Evita construirte librerías o frameworks innecesarios

Muchas personas siempre sostienen que es mejor que cada desarrollador utilize sus propias librerías, pero la realidad es que en muchas ocasiones esto supone una gran pérdida de tiempo, es mejor buscar una librería o framework que se parezca lo más posible a lo deseado que desarrollarlo por ti mismo.

6. Ten un plan de proyecto

Asegúrate de que cada desarrollador que trabaje en el proyecto sepa qué es lo que debe de hacer y cuándo tiene que hacerlo, teniendo todo esto redactado en un documento te ayudará a identificar problemas.

7. Elige el lenguaje adecuado

Ya sabes que hay numerosas discusiones sobre ¿Cúal es el mejor lenguaje de programación?, la respuesta a menudo es depende de para que quieras utilizarlo, por eso asegúrate de escoger el lenguaje adecuado.

8. Evita las distracciones

Optimiza tu tiempo, cuando estés trabajando que nada te distraiga, ni llamadas telefónicas, ni clientes de mensajerías instantáneas, proponte un buen número de horas al día de trabajo aislado dedicado al proyecto.

9. Sigue un buen control de calidad

Muchas veces nos equivocamos al planificar los tiempos de proyecto y esto lleva a menudo a los desarrolladores a tener que escribir "código sucio", esta es una buena opción si lo que quieres es una demo de la aplicación funcionando pero ea actitud te traerá problemas en el futuro.

10. Plantéate los pasos a seguir despues del desarrollo

Ten en cuenta que está fase de desarrollo algún día deberá acabar, estudia con qué frecuencia se deberá actualizar y que se necesita para que este funcione.

En inglés: 10 tips for planning your web application

Optimiza tu blog

manu — Thu, 30 Oct 2008 12:26:24 +0100

Desde la aparición de los primeros servicios que nos permitían crear blogs no es necesario tener conocimientos avanzados de HTML o programación para crearnos un blog.

A pesar de ello hay muchos factores que nos permiten marcar la diferencia en diferentes ámbitos, si aplicamos mejoras en nuestro blog podemos elevar considerablemente la calidad del contenido, rentabilidad y posicionamiento en buscadores.

Por lo tanto en esta entrada veremos recomendaciones para crear buenos contenidos, conseguir más dinero con publicidad y un mejor posicionamiento en los buscadores.

Crear buenos contenidos

Crea contenidos de un tamaño adecuado, nunca te quedes corto y si se trata de un contenido extenso haz que merezca la pena, lo que es lo mismo justifica las entradas extensas con buenos contenidos y ten en cuenta que las notas cortas pueden llegar a tener más retroalimentación de tus lectores pues de hecho llegarán a leerlas completas.

Y sigue estos consejos:

Genera enlaces (dan la oportunidad al lector de aclarar conceptos que mencionemos)
Cita tus fuentes (no olvides darle crédito a la fuente original)
Cuida tu ortografía (una buena ortografía es importantísima en tu blog)
Ilustra el contenido con imágenes (las entradas pueden quedar más bonitas)

Optimiza la publicidad

Para no extenderme mucho en el tema voy a hablar únicamente de Google Adsense que es el más utilizado por los blogs.

vamos a intentar resumir en 10 puntos las principales mejoras que debes tener en cuenta a la hora de optimizar la monetización de tu blog.

Colocar los anuncios cerca de donde escribes (la mayoría de tus lectores visitan tu web para leer tus posts)
Formato de los anuncios (300 x 250 el que mejor resultado da)
Ubicación de los anuncios (que no moleste y de buenos resultados, si molesta quítalo)
Utiliza los contenidos Adsense para búsqueda (Google Adsense nos brinda la posibilidad de añadir un buscador personalizado en nuestro sitio)
Aumentar el tráfico de tu web (más tráfico => más dinero)
Colores (personalmente pienso que mientras menos impacto cause mejor, por otro lado a más impacto puede que mejor rendimiento)
Utiliza Google Sitemaps (mejor indexación => más dinero)
Contenido (un buen uso de palabras claves ayudará a mostrar anuncios más relacionados a la temática del blog)
No hagas clicks en tus anuncios (no fuerces las cosas, si los clicks tienen que venir vendrá, hacer click en tus anuncios sólo te puede traer una suspensión de cuenta)

Optimiza tu blog para los buscadores

Domnio

Bueno en primer lugar y si no es demasiado tarde es muy importante elegir un buen dominio, el dominio es el centro de la identidad de nuestro Blog. El proceso de elección de un buen dominio es parecido al de la elección del nombre de una marca, para elegir un buen dominio debemos:

Que el nombre de dominio se encuentre por debajo de 7 caracteres si es posible
Que contenga palabras claves e identificativas de la temática del blog
A poder ser un dominio con extensión .com y fácilmente recordable
Si tu nombre de dominio es un poco complicado, registra los dominios que esten derivados de errores tipográficos del dominio escogido

Estructuras de las URLs

La estructura de tu URL debería ser rellenada con palabras, sin llegar a ser demasiada extensa.

A menudo se ven páginas en los que las fechas de publicación son incluidas en la URL pero yo prefiero algo como esto:

tusitio.com/titulodepost

Esto mantiene una URL corta, descriptiva y sencilla de recordar.

Título de las páginas

Los motores de búsqueda usan los títulos de las páginas en sus resultados de búsqueda y la mayoría de los blogs utilizan por ejemplo una estructura parecida a esta:

nombredelblog.com >> Título del Post

Título del Post | nombredelblog.com

En blogs y páginas convencionales es mucho mejor que el "title" sea únicamente el título del post o noticia sin incluir el nombre de la página que ya se puede apreciar al ver el dominio.

Descripciones

Los motores de búsqueda a menudo ven contenido cómo duplicado pero con un "Meta Description" podenmos solventar este problema.

Las "Meta Description" son pequeños textos que se previsualizan en sus resultados de búsqueda y pueden tener un impacto directo en la atracción de mayor cantidad de tráfico.

Cabeceras

Las cabeceras son realmente importante para la indexación de tu contenido, tienes numerosas opciones para resaltar contenido dentro de tu post, pero lo mas eficaz es utilizar las etiquetas: H1, H2, o H3.

Imágenes y enlaces de texto

Las imagenes y enlaces de texto deberían de poseer un comentario que se muestre al pasar el ratón por encima del enlace.

Esto se hace con las etiquetas "alt" (imágenes) y "title" (texto) aseguráte de que estos comentarios contengan palabras descriptivas.

<a href="url_mi_enlace" title="Título de mi enlace">
<img src="url_mi_imagen" alt="Descripción de la imagen">

Sitemap

La mayoría de blogs no posee sitemap y lo necesitan, puesto que es un elemento muy importante de cara a la optimización para los motores de búsquedas.

¿Qué es y para qué utilizar un sitemap?

Puedes utilizar el servicio de Google webmaster tools o crear tu propio sitemap.

Entre otras cosas te ayudará a indexar el contenido de tu blog de manera eficiente.

Redirección 301

Cuando otras páginas enlazan tu blog lo harán: http://tufuncion.com o http://www.tufuncion.com.

Habitualmente los motores de búsqueda verán dos sitios diferentes, sólo habría que echar un vistazo a Google en las que el numero de enlaces de una y otra estructura son totalmente distintos.

En Google Webmaster puedes elegir el dominio prefirido (con o sin www) pero si prefieres unificar estos datos de manera definitiva lo mejor es adaptar tu .htaccess con este trozo de código:

Options +FollowSymLinks 
RewriteEngine On 
RewriteCond %{HTTP_Host} ^TUSITIO.com [NC] 
RewriteRule ^(.*)$ http://www.TUSITIO.com/$1 [L,R=301]

Asegurate de modificar los parametros de las líneas 3 y 4 por los del nombre de tu dominio.

Enlaza y serás enlazado

Lo podríamos llamar el Principio de Acción y Reacción de los enlaces:

Principio de Acción y Reacción (tercera ley de Newton)

Si un cuerpo actúa sobre otro con una fuerza (acción), éste reacciona contra aquél con otra fuerza de igual valor y dirección, pero de sentido contrario (reacción).

Error si piensas que no te aporta nada enlazar a otros blogs, es una característica común a todos los blogs importantes, ellos enlazan y tu deberías enlazar también, además de cara a los motores de búsqueda optimizarás la indexacion de tu sitio.

La forma de hacerlo más común es incluyendo un blogroll o intercalando los enlaces en el contenido, muchas veces al enlazar damos la oportunidad al lector de aclarar conceptos que mencionemos.

Google Street View en Italia

manu — Wed, 29 Oct 2008 22:57:31 +0100

Google ha lanzado esta semana Google Street View para España (Ejemplo de Google Street View en Madrid) y ahora le toca el turno a Italia, en este caso las ciudades elegidas son Milán, Florencia, Roma y el lago Como.

Se pueden ver estas vistas tanto en Google Maps como en Google Earth, os dejo algunos consejos (inglés) sobre como utilizarlas en Google Earth y recordad que por el momento sólo disponen de Vistas de calle zonas de: Estados Unidos, Australia, Japón, Francia, España y ahora Italia.

Esta es por ejemplo una vista general de las zonas disponibles para Google Street View en Roma:

Alcance de Google Street View en Roma

Grandes Vistas

Gracias a todas las funcionalidades de Google podemos viajar virtualmente sin problemas por España, Francia e Italia. Este viaje lo podemos hacer gracias a Google Maps y a sus modos de vista:

Modo Callejero
Modo Satélite
Modo Relieve
Modo Street View

Coliseo Romano

Y esta imagen es una vista general de las zonas disponibles para Google Street View en Europa:

Alcance de Google Street View en Europa

Cómo se puede ver por el momento la cobertura de ciudades que tienen habilitada la "vista de Google Street View" es aún pequeña, pero ya están disponibles algunas de las grandes ciudades europeas.

¿Para cuándo Londres, Berlin, Viena o Dublín?

La importancia de un buen titular

manu — Wed, 29 Oct 2008 16:27:51 +0100

A veces no somos conscientes de la importancia de lo que a nosotros nos parecen "pequeños detalles" y no nos damos cuenta del gran potencial que estamos desaprovechando, en el caso de los titulares muchas veces nos equivocamos al no darles la importancia que se merecen.

Un buen titular es importante al igual que un buen dominio o la importancia de los H1 en SEO.

La importancia de un buen titular

Los motores de búsqueda usan los títulos de las páginas en sus resultados de búsqueda y la mayoría de los blogs utilizan por ejemplo una estructura parecida a esta:

nombredelblog.com >> Título del Post

Título del Post | nombredelblog.com

En blogs y páginas convencionales es mucho mejor que el "title" sea únicamente el título del post o noticia sin incluir el nombre de la página que ya se puede apreciar al ver el dominio.

Reglas básicas

Es muy importante tener en cuenta que la relevancia de tu blog en los resultados de búsqueda la va a determinar el título, por ello tenemos que seguir una serie de reglas básicas acerca de los títulos:

Usar entre 60 y 70 caracteres
Procurar que incluya palabras clave
Hacerlo atractivo

Objetivos

Si seguimos estos consejos probablemente nos acerquemos a los objetivos que todo título debe tener:

Conseguir un buen CTR (click through rate), porcentaje o media de clicks por impresión, que el título sea atractivo.
Informar sobre el contenido al que apunta.
Debe resaltar y diferenciarse del resto de títulos de la página

Palabras clave

De las reglas citadas hay una especialmente importante: las palabras claves.

No hay que descuidar las palabras claves que incluimos en los títulos ya que son la parte más importante a la hora de posicionar nuestra página, no es recomendable repetir palabras claves y además deberemos conseguir un equilibrio óptimo de palabras claves, de este modo conseguiríamos un título con sentido para el visitante y con "sentido" para los motores de búsqueda.

Lo ideal es una o dos palabra clave por título, e incluso llegado el momento podríamos reducirlo a una única palabre clave.

Por último esta palabra o palabras claves son muy importantes ya que seguramente serán utilizadas en los enlaces que apunten en tu web y ese enlace con nuestras palabras claves nos dará muchas posibilidades para un mejor posicionamiento, el mejor ejemplo de esto son los famosos Google Bombing.

Construye mapas conceptuales con Freemind

manu — Tue, 28 Oct 2008 22:40:29 +0100

FreeMind es una herramienta que permite la elaboración de mapas mentales o conceptuales, en otras palabras podemos decir que es una herramienta para construir diagramas de Brainstorming.

Este tipo de aplicaciones han mostrado una gran evolución en los últimos tiempos. FreeMind, una basada en Java, es una muestra de ello (ver ejemplos).

Antes de hablar de esta herramienta conviene saber... ¿Qué es un mapa conceptual?

Un mapa conceptual es una herramienta para la organización y representación del conocimiento. Por lo tanto los objetivos de un mapa conceptual son:

El verdadero motivo del uso de este tipo de herramientas es para conseguir el "Aprendizaje significativo", este tipo de "aprendizaje" es el que adquirimos cuando vinculamos unos nuevos conceptos con otros previamente adquiridos, estos conocimientos por lo tanto es más duradero y más fácil de memorizar.

Generar ideas
Representar una estructura compleja
Dar a conocer ideas complejas
Agrupar, ordenar y clasificar palabras similares que se encuentran en diferentes temáticas

Ejemplos de mapas conceptuales en Español (Freemind)

Freemind

Basado en Java, y open source, fue catalogado por SourceForge como el Proyecto del Mes de Febrero, ocupa 3 megabytes de espacio y su instalación es sencilla.

FreeMind utiliza como formato de almacenamiento XML, lo cual te garantiza una fácil reutilización en aplicaciones similares si es que alguna vez decides cambiar.

Al crear un nuevo mapa deberás ubicar la idea principal en el centro, dentro de un óvalo, y las relaciones de esta se ubican dentro de “nubes”, las cuales a su vez pueden alojar otras relaciones o subrelaciones internas de menor jerarquía.

Es compatible con Windows XP, 2000, ME y 98, y para su instalación y uso se necesit Java JRE 1.4 o superior.

Página de FreeMind

Vistas de Calles para España (Google Street View)

manu — Tue, 28 Oct 2008 10:14:39 +0100

Era cuestión de tiempo y Google ya ha sacado a la luz las imágenes de Vistas de Calle en España, las ciudades por el momento son: Madrid, Barcelona, Valencia y Sevilla.

Ejemplo de Google Street View en Madrid

Cuando empezó el servicio hace un año y medio sólo estaban disponibles unas pocas ciudades: San Francisco, Nueva York, Miami, Las Vegas y Denver. Ahora ya podemos decir que están disponibles unos pocos países un año despues así que el ritmo al que Google fotografía las calles del Mundo es excelente.

Como podreis comprobar esta aplicación es fascinante ya que se puede viajar virtualmente por las ciudades citadas y por lo tanto por algunas ciudades de España, mediante la visión de imágenes reales de las ciudades que pueden girar 360º, la verdad que tras probarlo puedo decir que es la sensación mas parecida a estar eb Nadrid (sin estar) que he experimentado, mucho más real que un video.

Esta es por ejemplo una vista general de las zonas disponibles para Google Street View en Madrid:

Aquí está la Vista de Calle con la Plaza Cibeles de fondo:

Y para los más curiosos dejo aquí una Vista del mapa interactiva con el Palacio de Comunicaciones de Madrid:

Ver Mapa más Grande

Y este es el video explicativo del servicio original que ayudará a orientar a los que no estaban familiarizados con esta funcionalidad.

Ya está abierta la página oficial de Street View Spain donde hay un vídeo explicativo, la nota de prensa del lanzamiento, consejos útiles y más información.

La crisis llega a Google Adsense

manu — Sun, 26 Oct 2008 12:10:24 +0100

Bueno que estamos en crisis no es nuevo, que la crisis este llegando a Adsense tampoco es nuevo que lo notemos en sitios que no tienen grandes ingresos por publicidad sí que es nuevo.

Estos días he leido en algunos foros la preocupación de muchos webmaster por las caidas de sus ingresos.

Pogamos un ejemplo de lo que cuentan, no es el caso de este blog que suele necesitar más clics para llegar a las cantidades de las que se hablan.

Antes para ganar unos 10$ necesitaban unos 30 clic, y sin embargo ahora se necesitan unos 50 clic para ganar 10$.

A que se debe esto? por que ganamos menos?

Descenso de ingresos

Sin ir más lejos pongamos de ejemplo este blog, este sitio en los últimos meses ha experimentado una subida de tráfico mientras el porcentaje de clics en los anuncios del sitio también sigue más o menos constante, sin embargo, los ingresos por publicidad descienden desde inicios de este verano de 2008.

Hay dos explicaciones a este problema:

Cada vez hay más páginas webs con Adsense y menos anunciantes lo que se traduce en un coste más barato por clic.
Cada vez hay menos anunciantes y volvemos a la misma situación, el coste por click desciende.

La crisis global está llegando a Internet

De todas las explicaciones posibles a este tema la que más me convence es la de que la crisis global está llegando a Internet, las empresas disponen de menos fondos, y por lo tanto tienen menos dinero para gastar en sistemas publicitarios como Adsense.

Si bien Google Adsense me parece el soporte más estable en estos momentos a corto y medio plazo, si algún servicio puede hacer frente a la crisis con solidez es Google Adsense pero que ocurre si estas cifras que he dado antes siguen yendo a peor, pues que probablemente se empiece a notar incluso en la blogosfera, hay muchos bloggers que utilizan Google Adsense para el pago del servidor e incluso los más afortunados para tener un ingreso extra al mes, si estas necesidades se dejan de cumplir seguramente veríamos un pequeño descenso de bloggers a medio plazo.

Ante este panorama mi recomendación es optimizar todo lo posible los anuncios de Adsense ya sea en su diseño, colocación o contenido, siendo sin duda este último parámetro el que tiene un mayor margen de mejora.

¿También afecta a Google?

Pues sí esto afecta mucho a Google, hay que tener en cuenta que Adsense - Adwords es la principal fuente de ingresos de Google y por lo tanto esto afecta mucho.

No es un dato oficial pero Adsense paga a los webmasters 78,5 centavos por cada dolar que pagan los anunciantes y por lo tanto de cada dólar Google se lleva 22.5 centavos.

Si lo que comentamos de que cada vez hay menos dinero en juego debido a la crisis es innegable que a corto o medio plazo Google lo acabará notando también.

Google Adsense integrado en Analytics

manu — Fri, 24 Oct 2008 12:57:04 +0200

Google Adsense integrado en Analytics se trata de una de las funcionalidades más deseadas por los usuarios, llega tarde pero llega y la verdad es que la espera habrá merecido la pena.

Lo bueno de esta herramienta es que nos permitirá saber con mayor exactitud y fácilmente cuáles son las páginas que nos ofrecen mayor beneficio o mejor ratio de beneficio, es fácil de utilizar porque lo veremos con la amigable interfaz de Google Analytics:

Ingresos generados por cada mil visitas
Total de ingresos generados por el sitio
Número de anuncios que han recibido click
Porcentaje de conversión en click -> CTR
Número de anuncios que han hecho click por visita
Ganancias estimadas por cada mil impresiones de página -> eCPM
Número de impresiones de los bloques de adsense
Número de impresiones por visitante
Número de impresiones de página de adsense
Número de páginas con anuncios mostradas por visita

Para poder acceder a esta funcionalidad primero debes recibir una invitación que será visible en la página principal de Google Adsense y una vez tengas la invitación podrás relacionar la cuenta de adsense con tu cuenta de Analytics.

En este vídeo podremos hacernos una idea global del funcionamiento de esta nueva funcionalidad.

En Online.com.es explican realmente bien el funcionamiento y las virtudes de esta nueva funcionalidad y en Blog Adsense está el anuncio oficial.

Costes del desarrollo de Linux

manu — Thu, 23 Oct 2008 15:19:25 +0200

Linux Foundation ha calculado que costaría desarrollar el código de Linux desde cero, el resultado es 10.800 millones, hablan en concreto de la distribución Fedora 9 que fue puesta a disposición del público el 13 de mayo de 2008.

El proceso de medición de costes del software es un factor realmente importante en el análisis de un proyecto. Hay distintos métodos de estimación de costes de desarrollo de software, también conocido como métrica del software.

La gran mayoría de estos métodos se basan en la medición del número de Líneas de Código (LDC) que contiene el desarrollo (se excluyen comentarios y líneas en blanco de los fuentes).

Costes del desarrollo de software

Datos de desarrollo de Fedora 9

En el informe citado anteriormente "Estimating the Total Development Cost of a Linux Distribution" se calcula que Fedora 9 tiene un valor de 10,8 mil millones de dólares y que el coste únicamente del kernel tendría un valor de 1,4 mil millones de dólares.

Esta distribución tiene unas 205 millones de líneas de código y el trabajo invertido por una única persona desarrollándolo se alagaría durante unos 60.000 años.

Cómo veremos en la tabla inferior ("Dificultad de un proyecto en función su líneas de código") el proyecto debería ser desarrollado por 1000 - 5000 desarrolladores y esa estimación no va muy desencaminada ya que en los 2 últimos años han contribuido unos 3.200 desarrolladores aunque el número de trabajadores en la historia de la distribución es mucho mayor.

Dificultad de un proyecto en función su líneas de código

Categoría	Programadores	Duración	Líneas de código	Ejemplo
Trivial	1	0 – 4 semanas	< 1k	Utilidad de ordenación
Pequeño	1	1 – 6 meses	1k – 3k	Biblioteca de funciones
Media	2 – 5	0,5 – 2 años	3k – 50k	Compilador de C
Grande	5 – 20	2 – 3 años	50k – 100k	SO pequeño
Muy grande	100 – 1000	4 – 5 años	100k – 1M	Grandes SO
Gigante	1000-5000	5 – 10 años	> 1M	Sistema de Distribución

Tabla: "Dificultad de un proyecto en función de sus líneas de código

Líneas de código de Sistemas Operativos

Por cierto buscando algo de información sobre este método he encontrado esta página que contiene un formulario con el que calcular rápidamente los diferentes datos de estimación de coste de desarrollo de un proyecto basándose en el método COCOMO.

He encontrado también una comparativa de las líneas de código algunos "Sistemas Operativos actuales y antiguos" (Pueden servirte como ejemplos para porbar las fórmulas anteriormente citadas).

Sistema Operativo	Líneas de Código
Microsoft Windows 3.1 (Abril de 1992)	3.000.000
Sun Solaris (Octubre de 1998)	7.500.000
Microsoft Windows 95 (Agosto de 1995)	15.000.000
Red Hat Linux 6.2 (Marzo de 2000)	17.000.000
Microsoft Windows 2000 (Febrero de 2000)	29.000.000
Red Hat Linux 7.1 (Abril de 2001)	30.000.000
Microsoft Windows XP (2002)	40.000.000
Red Hat Linux 8.0 (Septiembre de 2002)	50.000.000
Fedora Core 4 (Mayo de 2005)	76.000.000
Debian 3.0 (Julio de 2002)	105.000.000
Debian 3.1 (Junio de 2005)	229.500.000

¿Qué es un ataque DDoS?

manu — Wed, 22 Oct 2008 20:34:12 +0200

Para empezar veamos ¿Qué es un ataque DDoS?, también conocido como "Ataque de Negación de servicio distribuido" es un tipo especial de DoS de manera conjunta y coordinada entre varios equipos.

Estos ataques consiguen el objetivo de tumbar la máquina víctima agotando el ancho de banda o sobrepasando la capacidad de procesamiento. Para terminar de familiarizarnos con esos términos decir que a las máquinas encargadas de realizar el ataque se les denomina "Zombie" y al conjunto total botnet.

Detectar Ataque DDoS

Mis conocimientos sobre el tema son bastante limitados pero de lo que sí estoy seguro es que muchas veces algunos administradores confunden un ataque DDoS con alguna anomalía de la red o el servidor, para asegurarnos de que estamos ante un ataque DDoS tenemos que tener una cantidad de procesos httpd, eximd, ftpd, etc, estos suelen ser los objetivos comunes a estos ataques y los que consiguen generar la carga suficiente para colapsar el sistema por falta de recursos.

Si tenemos dudas sobre el tema y no tenemos los conocimientos necesarios os recomiendo la lectura de este post, voy a tratar de simplificar la explicación al máximo a modo de orientación para aquellos usuarios que necesiten una respuesta rápida a la pregunta ¿Estoy sufriendo un ataque DDoS?

Como hemos comentado anteriormente tenemos que ver cuantas conexiones tenemos por IP y el servicio a los que se conectan estas conexiones dentro de nuestro servidor, de este modo podremos quitarnos las dudas de si realmente se trata de un ataque DDoS.

netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -nr

netstat -np | grep SYN_RECV | awk '{print $5}' | cut -d. -f1-4 | cut -d: -f1 
| sort -n | uniq -c | sort -n

Si estuvieramos ante un ataque y teniendo como ejemplo los siguientes datos obtendríamos un listado parecido al siguiente:

IP Servidor: 192.168.0.3 IP
Atacante: 192.168.0.5

tcp        0      0 192.168.0.3:80          192.168.0.5:60808     SYN_RECV   
tcp        0      0 192.168.0.3:80          192.168.0.5:60761     SYN_RECV   
tcp        0      0 192.168.0.3:80          192.168.0.5:60876     SYN_RECV   
tcp        0      0 192.168.0.3:80          192.168.0.5:60946     SYN_RECV   
tcp        0      0 192.168.0.3:80          192.168.0.5:60763     SYN_RECV   
tcp        0      0 192.168.0.3:80          192.168.0.5:60955     SYN_RECV   
tcp        0      0 192.168.0.3:80          192.168.0.5:60765     SYN_RECV   
tcp        0      0 192.168.0.3:80          192.168.0.5:60961     SYN_RECV   
tcp        0      0 192.168.0.3:80          192.168.0.5:60923     SYN_RECV   
tcp        0      0 192.168.0.3:80          192.168.0.5:61336     SYN_RECV   
tcp        0      0 192.168.0.3:80          192.168.0.5:61011     SYN_RECV   
tcp        0      0 192.168.0.3:80          192.168.0.5:60911     SYN_RECV   
tcp        0      0 192.168.0.3:80          192.168.0.5:60758     SYN_RECV

Parar ataque DDoS

Supongamos que estamos ante un ataque y como es lógico ahora lo que necesitamos es pararlo... para ello os recomiendo acudir a sitios que documentan los pasos necesarios para detener un Ataque DDoS:

Funcionamiento de "Botnet" de manera gráfica

Como hemos comentado anteriormente un botnet es una colección de robots controlados por un usuario con fines poco éticos y que puede controlar todos los ordenadores infectados de forma remota (habitualmente a traves del IRC).

El operador de la botnet manda virus/gusanos/etc a los usuarios.
Los PCs entran en el IRC o se usa otro medio de comunicación.
El Spammer le compra acceso al operador de la Botnet.
El Spammer manda instrucciones vía un servidor de IRC u otro canal a los PCs infectados...
... causando que éstos envíen Spam al los servidores de correo.

Mapa ilustrativo de ataques DDoS en el primer cuatrimestre de 2007.

Caso "quienteadmite.com", ejemplo real de ataque DDoS

Este es un caso claro de ataques DDoS que han sufrido varios sitios de la blogosfera hispana en este último mes, todo empezó cuando Genbeta publicó este post alertando de un posible fraude, y el supuesto estafador se convierte en supuesto culpable de echar abajo esa página web y algunas otras como Menéame y Error500, estas dos últimas páginas únicamente se habían limitado a hacerse eco de la noticia.

Despues de esto la historia se ha ido complicando y es prácticamente imposible hacer un resumen de todo lo que ha ido sucediendo... os dejo algunos enlaces para aquellos interesados en la historia:

Para entender un poco todo esto y para aquellos que no están familiarizados con los autores y el origen de estos sitios sobre los que se comenta, voy a tratar de daros la información necesaria para entenderlo:

Ricardo Galli: Creador de Menéame y activista español del software libre.
Genbeta: Uno de los blog sobre tecnología más populares y el que publicó la noticia que originó los ataques.
Meneame: Sitio web basado en la participación comunitaria en el que los usuarios registrados envían historias que los demás usuarios del sitio votan.
Sitio quienteadmite.com: Sitio que ofrece servicios para saber quién te bloqueó en el Messenger (Nada recomendable no lo utilicéis)

Tipos de enlaces

manu — Mon, 20 Oct 2008 19:22:59 +0200

A estas alturas de la pelicula todos sabemos que son los enlaces, pero muchas veces nos confundimos con los tipos de enlaces desde el punto de vista de un Webmaster.

Un enlace es un vínculo a otro recuros y nos permite acceder fácilmente al recurso referenciado. Son fundamentales ya que sin ellos no existiría la arquitectura Web tal y como la conocemos hoy.

Los enlaces son habitualmente representados de una manera distintiva que puede ser definida mediante las hojas de estilo (CSS).

<a href="URL" title="título del enlace" class="CCS o clase del enlace">etiqueta del enlace</a>

Los motores de búsqueda los utilizan para medir la popularidad

Los grandes motores de búsqueda, como Google o Yahoo!, utilizan los enlaces para ayudar a sus algoritmos a valorar la popularidad de una página web, para ello se valen de los diferentes tipos de enlaces que podemos encontrar, por ejemplo cuantos más enlaces apunten a una página, más alto puede ser el posicionamiento de la página en un buscador.

Enlaces Internos

Son aquellos que se encuentran en tu web y apuntan a tu Web, este tipo de "arquitectura de enlaces", es importante ya que permite a los visitantes navegar por tu sitio web de una manera más natural.

Enlaces Salientes

Cuando enlazas a sitios externos estás utilizando enlaces salientes, por ejemplo un enlace a http://www.google.com desde un apartado de tu sitio es un enlace externo, son básicos porque nos permiten conocer otros sitios webs interesantes.

Enlaces Entrantes

Son aquellos enlaces provenientes de otros sitios, son la mejor manera para que aumente el PageRank de nuestra página y el tráfico.

El arte de enlazar

En Coding Horror escribieron sobre el arte de enlazar (The Art of Hyperlinking), Sigt tradujo muy acertadamente la entrada de Coding Horror, veamos las principales recomendacioens a la hora de enlazar:

Asegurate que los enlaces son lo suficiente grandes para que sea fácil hacer click en ellos.
El primer enlace es el más importante
No enlaces todo
No alternes radicalmente el comportamiento de los enlaces
No titules tu enlace como “Click aquí”
No enlaces cosas que el usuario puede querer seleccionar y copiar
No incluyas iconos en cada enlace
No hagas el contenido dependiente de los enlaces para funcionar
No ocultes tus enlaces
No mezcles anuncios y enlaces
No ofusques tus URLs

Trucos para optimizar el uso de Gmail

manu — Thu, 16 Oct 2008 18:07:45 +0200

Para todos aquellso que utilizan Gmail habitualmente no sería mala idea echarle un vistazo a tres funciones de Gmail que sin duda son la mayor ventaja de Gmail frente a otros clientes webs: archivo de mensajes, filtros y etiquetas.

A estas tres geniales funcionalidades hay que agregar que hace relativamente poco tiempo se añadió la posibilidad de dar colores a las etiquetas.

Archivo de mensajes

A priori puede parecer una función bastante simple, pero la gran mayoría de usuarios no archivan sus mensajes.

Al archivar un mensaje indicamos a Gmail que deje de mostrarlo en la bandeja de entrada y lo muestre únicamente cuando seleccionamos todos los mensajes.

Para el uso de esta funcionalidad lo más importante es la constancia a la hora de ir archivando los mensajes de manera gradual nuestros mensajes, si no conseguimos hacerlo de manera natural puede llegar a ser una tarea semanal o mensual un tanto tediosa.

Etiquetas

Es la funcionalidad que más utilizo de las que ofrece Gmail, cuando manejamos un gran número de correos en nuestra cuenta se hace indispensable el uso de etiquetas para categorizar y organizar el contenido, una de las formas más fáciles de mejorar esta funcionalidad sin duda era la de poder asignarle colores a las etiquetas, de este modo podremos detectar más fácilmente los elementos de una determinada categoría ya que no tendremos que llegar a leer el nombre de la etiqueta.

Filtros

La funcionalidad de los filtros se convierte en una herramienta potente si la combinamos con las etiquetas, se pueden utilizar bastantes variables que nos permiten automatizar el proceso de etiquetado de mensajes.

Por poner un ejemplo podemos filtrar mensajes por su contenido o por la fecha en la que fueron recibidos.

A la hora de crear filtros en Gmail tambien podemos utilizar operadores como: “OR”, "AND". Esto nos da una gran versatilidad a la hora de crear filtros con una configuración un poco más avanzada.

CSS Sprites

manu — Wed, 15 Oct 2008 00:20:07 +0200

Los CSS Sprites es una sencilla y efectiva técnica de CSS que nos permite ahorrar ancho de banda.

Realmente los sprites son imágenes que contienen varias imágenes y se muestran gracias a diversas técnicas que nos permiten recortarlas.

Inicialmente se utilizó en el desarrollo de videojuegos debido a su versatilidad a la hora de realizar animaciones, hoy también nos lo encontramos como una técnica CSS que nos permite ahorrarnos ancho de banda.

Gracias a esta técnica podemos reducir considerablemente el peso de nuestra aplicación web y lo que es más importante el número de peticiones HTTP, estas dos ventajas nos permiten reducir el tiempo de carga de nuestra aplicación web y reducir la carga en el servidor.

¿Cómo aplicar esta técnica?

Únicamente tenemos que utilizar las propiedades CSS que nos permiten alterar el alto y ancho (height, width), de este modo podemos recortar una imagen que mostraremos como background, además necesitaremos modificar las propiedades de background-position para desplazarnos por la imagen original y mostrar la zona deseada.

Pequeño tutorial para comenzar a utilizar esta técnica.

¿Cuándo utilizar esta técnica?

Debemos de tener en cuenta qque cada vez que nuestra aplicación web llama a imágenes, hojas de estilos, archivos javascripts lo que realmente estamos haciendo son peticiones HTTP que se solicitan de manera individual y aumentan la transferencia y el tiempo de carga.

En primer lugar debemos utilizarla si tenemos un número elevado de usuarios y nuestro servidor alcanza picos de carga altos, también sería conveniente su uso en aplicaciones web que tengan un gran número de imágenes de tamaño pequeño.

El concepto principal a tener en cuenta es que debemos tener cuidado con la suma del tamaño de los archivos externos, no es lo mismo cargar 15 elementos de 10 KB que un único elemento de 150 KB, en el segundo caso la carga sería considerablemente más ligera.

La explicación a esta última afirmación es que al cargar un alto número de elementos estamos realizando peticiones HTTP que incluyen cabeceras y que a su vez vienen acompañadas por cookies (las cookies son relativamente ligeras pero los usuarios navegan con conexiones asimétricas dónde la velocidad de subida es muy inferior).

Por lo tanto podemos llegar al caso en el que las cabeceras de los archivos pesen más que los propios archivos y a menudo la carga que ello representa en el servidor se duplica.

Ejemplos prácticos

Yahoo utiliza esta técnica para mejorar el rendimiento, el principal motivo es el gran número de pequeñas imágenes que utilizan para identificar cada uno de los servicios.

AOL también utiliza CSS Sprites en su página de inicio, y el motivo de su uso es idéntico al de Yahoo debido al gran número de imágenes que sirven para identificar todos sus servicios.

Estos dos ejemplos vienen muy bien detallados en WebSiteOptimization.

Generar aumáticamente un CSS Sprite

Crear este tipo de imágenes puede resultar complicado pero por eso lo mejor es utilizar alguna aplicación que genere el CSS Sprite de manera automática.

CSS Sprites Generator