Messi, plugin jQuery para mostrar alertas, preguntas, mensajes e imágenes

En el proyecto que estoy realizando para el trabajo necesitaba un plugin sencillo que me permitiese lanzar alertas y mensajes con la posibilidad de obtener la respuesta del usuario para realizar una acción en particular.

Hay varios plugins jQuery por ahí que permiten esta funcionalidad, pero decidí desarrollar uno nuevo para aplicar las opciones que más me interesaban y aplicarle un estilo visual personalmente más atractivo y limpio que las soluciones actuales. El plugin que he desarrollado se llama Messi.


Messi (por message, por por el jugador del Barça) permite de un modo sencillo generar un mensaje visual en la página en el que podremos incluir una alerta, un mensaje html (incluso el resultado de una petición ajax) o una imagen.

Con las diferentes opciones de configuración podremos especificar los botones que se deben incluir y asignar un valor a cada uno que se enviará a la función callback que especifique el usuario. Tenemos flexibilidad para indicar si el mensaje lleva un título, si el mensaje se muestra en una “ventana” modal o la posición del mismo.

Además he incluido funciones rápidas para lanzar de forma sencilla un mensaje de alerta (Messi.alert()), una pregunta (Messi.ask()), una petición ajax (Messi.load()) o una imagen (Messi.img()).

Podéis encontrar más información y demos en http://marcosesperon.es/apps/messi/, así como el repositorio de GitHub del proyecto por si queréis verle las tripas o enviarme sugerencias.

Limpiar / Anular el Application Cache de una aplicación web

Una de las funcionalidades más interesantes de HTML5 es el Application Cache, un fichero de configuración en el que se indican los elementos de la aplicación web que se van a almacenar en el navegador web del usuario, haciendo que la aplicación no tenga que volver a realizar las peticiones al servidor para descargar los contenidos en las siguientes visitas a la página.

En HTML5Rocks dispones de un tutorial con los aspectos básicos para comenzar a usar el Application Cache en tus aplicaciones web.

Lo que no daba encontrado era la forma de anular el uso del caché una vez que se había usado previamente. Buscando en los foros solamente encontraba la forma de vaciar el caché a través del navegador (por ejemplo, en Chrome accediendo a chrome://appcache-internals/), pero buscaba la forma de desactivar el fichero desde el servidor.

La solución era más sencilla de lo que pensaba: para marcar un fichero de Application Caché, normalmente con nombre offline.appcache, como obsoleto y que la webapp deje de utilizarlo basta con hacer que el acceso a ese fichero provoque un error 404. Desde ese momento el navegador dejará de usar la caché local.

Una forma sencilla de provocar ese 404 es modificar el documento .htaccess para que el acceso a ese fichero nos lance la excepción:

RewriteCond %{REQUEST_URI} (offline.appcache)
RewriteRule .* - [L,R=404]

Quitar y mover iconos de la barra de menú de Mac

El icono de sincronización en la barra de menú del Mac me molestaba, mucho. Me fastidian las aplicaciones que insertan un icono en la barra y no dan la posibilidad de ocultarlo (como en la reciente actualización de Growl).

El icono de sincronización pertenece a MobileMe y no encontraba la forma de ocultarlo desde las preferencias del sistema. Después de varios meses enfadándome cada vez que lo miraba ahí arriba hoy he decidido buscar en Google una solución y… ¡vaya, que sencillo!

Lo único que hay que hacer es mantener presionada la tecla Cmd y arrastrar con el ratón hacia abajo el icono, igual que si quisiéramos quitar uno del dock inferior. Además con el Cmd pulsado también podemos reorganizar la posición de los iconos que tenemos actualmente en la barra.

 

Lo que está pasando en España estos días: #15M

Tenía pensado escribir mi opinión sobre lo que está sucediendo en España estos días en relación al 15M, Democracia Real Ya, No Les Votes… varios movimientos de origen diferente que han agrupado fuerzas para protestar en contra del sistema democrático actual en la Puerta del Sol de Madrid y otros muchas ciudades del país.

Quería escribir para dejar claro desde otro blog más que este movimiento no pertenece a ningún partido. Aquí no se está protestando por si el PSOE es el responsable de llevarnos a esta crisis o si son las semillas del proyecto del PP. Aquí no se busca castigar a un determinado partido, porque por lo que se protesta es por el fondo del asunto.

Pero cuando iba a escribir me he encontrado un vídeo en la red con un análisis de la situación por Jose Luis Sampedro y algunos de los manifestantes que saltaron a las calles estos días:

Lo único que espero que quede claro es que esto no es una acción de un determinado partido político o ideología.

Usando un WRT54GL como repetidor Wi-Fi


Hoy he convertido un Lynksys WRT54GL que llevaba 2 años dentro de una caja en mi casa en un repetidor de señal para el router de la Wi-Fi y así poder trabajar desde la terraza.

No tenía ni idea de lo que se podía llegar a hacer con uno de estos aparatos reemplazando el firmware original que traen por alternativas como DD-WRT.

Hoy ya me acuesto sabiendo una cosa más… :)

El lanzamiento del iPad 2

El iPad 2

Viernes 25 de marzo del 2011. 17:00 horas.

Llevo 2 años como usuario de iPhone, 2 meses como usuario de iPad y 2 semanas como usuario de Mac. Todavía no me considero un fanboy, o por lo menos uno de esos que defienden la perfección de los productos de la manzana a ciegas sin admitir ningún error y que sienten verdadero amor por la filosofía de Apple.

Hoy, con el lanzamiento del iPad 2, quise comprobar en persona el espectáculo que esta empresa monta cuando ponen a la venta un nuevo dispositivo. Un espectáculo que desde fuera se ve extraño pero que para esos fanboys se convierten en una explosión de emociones, algo así como un nirvana, por el que son capaces de hacer colas de horas y horas para gastar su dinero en el nuevo producto lo antes posible.

No me dediqué a hacer la cola, pero conseguí entrar de los primeros en el Apple Store de La Maquinista (entre el pasillo de empleados enfervorecidos) y captar las primeras impresiones de los fieles clientes. Os comento la experiencia:

La cola esperando por el iPad 2

Aunque el iPad 2 no se ponía a la venta hasta las 17 horas, los potenciales clientes ya estaban haciendo cola desde hacía mucho. Albert, el primero de la cola llevaba desde las 22 horas del día anterior esperando el momento… Varios locales cercanos, como Dunkin’ Donuts o Starbucks, se iban paseando por la cola invitando a la gente a donuts y café para que llevaran mejor la espera.

Starbucks regalando café a los que esperan por el iPad 2

Hacia las 15 horas los empleados retiraron a toda la gente de la Store y cerraron las puertas. Colgaron unas cortinas negras a lo largo de toda la entrada que no permitían ver nada de lo que se estaba realizando en el interior.

Algunos empleados salieron al exterior y se dedicaron a animar a la gente que estaba en la cola. Pasaban a su lado gritando, aplaudiendo y felicitando a la gente… creándoles una sensación de clientes especiales, privilegiados, afortunados por estar a punto de adquirir el tablet. La respuesta no era exactamente igual a lo que se suele ver en Estados Unidos, aquí los clientes que esperaban no participaban mucho de los aplausos y gritos de los empleados, por mucho que ellos lo intentasen.

Diez minutos antes de las cinco de la tarde la cortina negra se baja. En la puerta de Apple Store cerrada se encuentran todos los empleados enfundados en sus camisetas azules con una gran sonrisa, de fiesta, saltando, gritando… otros cinco minutos de animación.

Por fin dejan pasar a Albert, el primero de la fila. Recorre un pasillo formado por los empleados que como locos le gritan mientras pasa, le chocan la mano, y le felicitan… imaginad como esta ese chaval en ese momento tras pasar toda la noche sin dormir.

Albert recorre toda la Apple Store hasta el mostrador final, en el que se encuentran todas las cajas de iPad 2 y un empleado le gestiona la compra. En ese momento él es el único que está dentro de la tienda, el único que está comprando el iPad 2, el único en el que se fijan las cámaras de los medios de comunicación que se encuentran fuera… cientos de miradas se posan en él mientras vuelve con el producto y siente la necesidad de compartir ese momento con los que están fuera: como haría un boxeador con su cinturón alza las manos al cielo mostrando la caja del iPad 2 mientras empleados y clientes aplauden. Reto conseguido. Es el primero. Ya tiene el producto que todos desean. Solo él.

Los clientes que siguen en la cola ahora están más impacientes todavía. Él ya lo tiene y ellos aún tienen que esperar un poco más. No se lo pueden creer… quieren recorrer ese pasillo y que también les feliciten.

Poco a poco la gente va entrando. En los mostradores donde se encuentran los iPad 2 de demostración un empleado realiza constantemente minitalleres de 15 minutos enseñando las novedades del nuevo modelo. Otros empleados se preocupan por cada persona que entra, les acompañan al mostrador donde está el iPad y le ayudan con la compra y activación del producto. Siempre con una sonrisa.

———

En el piso inferior del centro comercial, a esa misma hora, en el Media Markt, también se pone a la venta el iPad 2. No hay aplausos ni gritos. Tampoco hay colas.

———

Solucionar error al instalar Xcode 4: el proceso se queda en “Installing files…”

Me acabo de bajar el Xcode de la Mac App Store para comenzar mis pinitos en el desarrollo de aplicaciones para Mac e iPhone.

Me he encontrado un problema tras descargar los más de 4GB de instalador. El proceso se quedaba al 98% de finalización con el texto “Installing files…” pero por mucho que pasaba el tiempo no llegaba a completarse. He revisado en los foros de soporte de Apple y es algo que le ha ocurrido a muchos usuarios, y en el mismo hilo comentan como podemos solucionarlo.

Para ello accedemos a la carpeta de Aplicaciones y con el botón derecho del ratón sobre el instalador de Xcode seleccionamos “Mostrar contenido del paquete”.

Dentro de la carpeta que nos abra accedemos a “Content -> Resources” y hacemos doble clic sobre el archivo mpkg para arrancar manualmente el instalador:

De este modo el proceso se completa con éxito:

Experiencia de la compra de libros de segunda mano por internet

Últimamente mi novia y yo hemos comprado varios libros en inglés a través de internet. Las principales razones han sido la notable diferencia de precio y la necesidad de obtenerlos en inglés para mejorar el idioma.

La posibilidad de realizar compras en webs como Play.com, donde los precios están mucho más asequibles y además los gastos de envío son gratuitos, nos han permitido obtener los títulos que nos interesaban. Dentro de estas webs puedes conseguir copias nuevas o bien obtener por un precio mejor libros usados en mejor o peor estado.

Uno de los títulos que me interesó era tener una edición de El Código Da Vinci pero completamente ilustrada. En este caso el libro viene con 150 fotografías a color de los lugares, esculturas, pinturas, iglesias… que van apareciendo en la historia.

En su momento había leído el libro en el ordenador, por lo que no tenía una copia física del mismo. Obtener una en inglés e ilustrada me pareció una buena opción y encontrarla de segunda mano por… ¡3,89 euros! era irresistible.

Libros nuevos ya había comprado en esta web, pero los de segunda mano no sabía como iban a resultar. Total, por el precio que era ni me lo pensé en probar.

Hoy me ha llegado el libro a casa, ha tardado semana y media. Me he puesto a revisarlo y la carátula exterior está algo deteriorada, sobre todo por las esquinas (donde viene algo rota) y un chinazo en la parte posterior.

En el interior me he encontrado una dedicatoria, parece que alguien se lo ha regalado a una tal Dan le por su cumpleaños en 2005 :P

Pero como lo que importa es el interior estoy más que contento con la compra. He revisado por encima las páginas y todas se encuentran en perfecto estado, ni una mancha, ni corte, ni arruga… con lo que ha resultado una compra perfecta por menos de 4 euros.

Así que en este caso os puedo recomendar este tipo de compra. Esperaré a encontrar otro título de segunda mano para comprobar 100% si todos los que venden de este modo se encuentran en unas características similares.

Comprar el libro: The Da Vinci Code: The Illustrated Edition

Manifiesto por una Red Neutral

(Si te sientes cómodo y representado por este texto, dale toda la difusión que puedas y quieras: reprodúcelo, enlázalo, tradúcelo, compártelo, vótalo… todas esas cosas que puedes hacer con total tranquilidad y libertad gracias, precisamente, al hecho de que tenemos todavía una red neutral. Hagamos posible el seguir teniéndola)

Los ciudadanos y las empresas usuarias de Internet adheridas a este texto MANIFESTAMOS:

  1. Que Internet es una Red Neutral por diseño, desde su creación hasta su actual implementación, en la que la información fluye de manera libre, sin discriminación alguna en función de origen, destino, protocolo o contenido.
  2. Que las empresas, emprendedores y usuarios de Internet han podido crear servicios y productos en esa Red Neutral sin necesidad de autorizaciones ni acuerdos previos, dando lugar a una barrera de entrada prácticamente inexistente que ha permitido la explosión creativa, de innovación y de servicios que define el estado de la red actual.
  3. Que todos los usuarios, emprendedores y empresas de Internet han podido definir y ofrecer sus servicios en condiciones de igualdad llevando el concepto de la libre competencia hasta extremos nunca antes conocidos.
  4. Que Internet es el vehículo de libre expresión, libre información y desarrollo social más importante con el que cuentan ciudadanos y empresas. Su naturaleza no debe ser puesta en riesgo bajo ningún concepto.
  5. Que para posibilitar esa Red Neutral las operadoras deben transportar paquetes de datos de manera neutral sin erigirse en “aduaneros” del tráfico y sin favorecer o perjudicar a unos contenidos por encima de otros.
  6. Que la gestión del tráfico en situaciones puntuales y excepcionales de saturación de las redes debe acometerse de forma transparente, de acuerdo a criterios homogéneos de interés público y no discriminatorios ni comerciales.
  7. Que dicha restricción excepcional del tráfico por parte de las operadoras no puede convertirse en una alternativa sostenida a la inversión en redes.
  8. Que dicha Red Neutral se ve amenazada por operadoras interesadas en llegar a acuerdos comerciales por los que se privilegie o degrade el contenido según su relación comercial con la operadora.
  9. Que algunos operadores del mercado quieren “redefinir” la Red Neutral para manejarla de acuerdo con sus intereses, y esa pretensión debe ser evitada; la definición de las reglas fundamentales del funcionamiento de Internet debe basarse en el interés de quienes la usan, no de quienes la proveen.
  10. Que la respuesta ante esta amenaza para la red no puede ser la inacción: no hacer nada equivale a permitir que intereses privados puedan de facto llevar a cabo prácticas que afectan a las libertades fundamentales de los ciudadanos y la capacidad de las empresas para competir en igualdad de condiciones.
  11. Que es preciso y urgente instar al Gobierno a proteger de manera clara e inequívoca la Red Neutral, con el fin de proteger el valor de Internet de cara al desarrollo de una economía más productiva, moderna, eficiente y libre de injerencias e intromisiones indebidas. Para ello es preciso que cualquier moción que se apruebe vincule de manera indisoluble la definición de Red Neutral en el contenido de la futura ley que se promueve, y no condicione su aplicación a cuestiones que poco tienen que ver con ésta.

La Red Neutral es un concepto claro y definido en el ámbito académico, donde no suscita debate: los ciudadanos y las empresas tienen derecho a que el tráfico de datos recibido o generado no sea manipulado, tergiversado, impedido, desviado, priorizado o retrasado en función del tipo de contenido, del protocolo o aplicación utilizado, del origen o destino de la comunicación ni de cualquier otra consideración ajena a la de su propia voluntad. Ese tráfico se tratará como una comunicación privada y exclusivamente bajo mandato judicial podrá ser espiado, trazado, archivado o analizado en su contenido, como correspondencia privada que es en realidad.

Europa, y España en particular, se encuentran en medio de una crisis económica tan importante que obligará al cambio radical de su modelo productivo, y a un mejor aprovechamiento de la creatividad de sus ciudadanos. La Red Neutral es crucial a la hora de preservar un ecosistema que favorezca la competencia e innovación para la creación de los innumerables productos y servicios que quedan por inventar y descubrir. La capacidad de trabajar en red, de manera colaborativa, y en mercados conectados, afectará a todos los sectores y todas las empresas de nuestro país, lo que convierte a Internet en un factor clave actual y futuro en nuestro desarrollo económico y social, determinando en gran medida el nivel de competitividad del país. De ahí nuestra profunda preocupación por la preservación de la Red Neutral. Por eso instamos con urgencia al Gobierno español a ser proactivo en el contexto europeo y a legislar de manera clara e inequívoca en ese sentido.