Otro de mis pequeños proyectos
Gracias a mi compañero Xabi, he descubierto NoGray Time Picker, un interesante reloj en formato analógico hecho en javascript.
Las manecillas pueden moverse y con algo más de código, se puede conseguir que tenga la hora actual en tiempo real. El resultado es muy bueno.
Funciona con mootools 1.11 y en la página de arriba está toda la información y ejemplos.
Desde hace algún tiempo estoy intentando obtener mejoras de rendimiento a nivel de Apache en nuestro sistema y una de estas mejoras pasa por utilizar un RewriteMap.
Para que no tengáis los mismos problemas que yo y os volváis locos cuando al hacer pruebas de stress muchas peticiones salgan erróneas, recordar que hay que usar RewriteLock.
RewriteLock es una directiva que hay que usar a nivel de servidor, es decir, no se puede usar ni en un VirtualHost, ni Directory, ni Location, ni .htaccess y que define un fichero de sincronización cuando Apache se comunica con cualquier programa definido en RewriteMap.
Mi problema fue que al hacer muchas peticiones simultáneamente y no existir un mecanimo que las sincronizase al llamar al programa definido en RewriteMap, los datos obtenidos eran incoherentes, obteniendo tasas de error de hasta un 25%.
Ahora todo va como la seda, ni un sólo error y no hay pérdida de rendimiento apreciable.
La verdad es que no suelo frecuentar mucho redes sociales, principalmente por el hecho de que estos últimos años, mi tiempo libre ha ido decreciendo y decreciendo hasta que casi desaparece…
Pero es agradable pasearse de vez en cuando. Yo suelo atender a Facebook y LinkedIn. Y es agradable encontrar de vez en cuando a conocidos que hace mucho tiempo que no saludas o que lo haces cuando los astros se unen en una serie de coincidencias casi irrepetibles.
Estas últimas veces que he entrado he tenido la suerte de encontrar a compañeros de carrera, amigos de hace bastante tiempo e incluso a compañeros de colegio. Y es bueno ver que la vida les va bien y puedes seguir un poco los pasos desde que «ya no nos vemos tanto».
Tras mucho buscar y probar varias cosas, al final lo más sencillo es lo que me ha resultado mejor. Y es que cuando no se tiene tiempo para investigar, lo mejor es ir a lo sencillo. Bueno, lo de ir a lo sencillo debería ser práctica habitual, pero es el problema que tiene que te guste aprender y mirar nuevas cosas…
Y sin enrollarme más, tras probar varios plugins y widgets para WordPress que me permitan poner mis estados de twitter, he usado el HTML Twitter Badge que te ofrece Twitter (es necesario hacer login en la web).
El resultado puede verse en la primera de las columnas laterales que tiene el diseño de tatai.es actualmente.
Sólo he tenido que cambiar un par de estilos para que se viese mejor… y listo!
Leo en Webmaster Libre sobre esta extensión para Firefox llamada Pixel Perfect que permite superponer una imagen a la web que estamos viendo, especialmente útil cuando queremos comparar una imagen de un diseño, una captura de pantalla, etc con nuestro actual integración en HTML.
En la página web de Pixel Perfect, dale a «Watch Demo» para ver un vídeo explicativo en el que se ve el funcionamiento del plugin.
Leo en Six Revisions una excelente recopilación de 23 cheatsheets («chuletas») sobre lenguajes de desarrollo web en cliente (es decir, lo que llamanos en frontend).
Incluye: HTML/XHTML, CSS, Javascript, DOM, Mootools, jQuery, RGB, SEO y WordPress.
dwProgressBar es una interesante barra de progreso realizada por David Walsh que nos permite realizar una barra de progreso animada hecha en Mootools a la que podemos cambiar el tamaño de forma muy sencilla. Hay varias posibilidades de diseño, aquí un ejemplo de la página del autor:
Vía webeame encuentro este interesantísimo artículo titulado CSS support in email clients (en inglés), o lo que es lo mismo, qué elementos CSS están soportados por clientes de correo. Actualizado al 2008.
Se diferencia entre clientes de escritorio: Thunderbird (1 y 2), Outlook (2003 y 2007), Eudora, Windows Mail, Mac Mail, Entourage (2004 y 2008), AOL (9, 10 y Mac) y Notes 6 y entre clientes web: GMail, Hotmail, Live Mail, Yahoo (antiguo y nuevo), AOL Web y .Mac Web.
Estos cuadros son muy interesantes ya que cuando se envían mail, por ejemplo una newsletter, la mejor forma de asegurarse que el destinatario verá lo que tú quieres que vea y como a ti te gusta, es poner estilos «en línea» (es decir, con atributos style en cada tag HTML) o poniendo los propios estilos CSS embebidos en el mail, no con enlaces externos.
La verdad es que esto de los newsletters es otro mundo totalmente distinto. Si ya nos cuesta muchas veces hacer que nuestras webs se vean bien en Firefox, Internet Explorer (5.5, 6, 7..) e incluso Opera, Safari, etc, como podemos ver, en el mundo de los clientes web la cosa se complica hasta niveles altísimos.
La solución radica en lo de casi siempre intentar hacer las cosas lo más estándar posible y tener en cuenta qué usuarios tenemos y qué programas de mail tienen para intentar adaptarnos a la mayor parte de ellos.
Hace algún tiempo leí sobre un nuevo sistema de estadísticas llamado Woopra y me decidí a abrir una cuenta para ver qué tal estaba el servicio.
Y la verdad es que todo pintaba bastante bien, tienen hasta un plugin de wordpress (aunque tengo que decir que no me ha funcionado y he tenido que seguir el procedimiento manual). Lo malo es que por cada dirección que quieres añadir para que te den un número de identificación y así empezar a guardar estadísticas, lo tienen que validar. Dicen que les des al menos una semana, pero en mi caso, les ha costado un mes.
Pero la espera la verdad es que ha valido la pena.
Se pueden ver las estadísticas vía web en parte de miembros de la web, pero también te puedes descargar un cliente para Linux, Windows o Mac, todos en fase beta. He probado el de Linux, pero me daba error al descomprimir un fichero y el de Windows, tras instalarme el JRE 1.6, se ha instalado.
Y es con este cliente con el que realmente he descubierto las maravillas de este programa. El interfaz es sencillo y bonito (curiosa mezcla). Nada más entrar, tenemos un dashboard con acceso rápido a la información más típica: un resumen por día, contenidos vistos, referencias, búsquedas y localización de las visitas. Además, en la parte inferior tenemos un rótulo en constante movimiento con taglines de estadísticas (al estilo de la bolsa xD). En la parte superior, un gráfico del día de hoy, en horas, donde podemos alternar con las visitas, páginas vistas, etc.
La única pega de este dashboard es que no podemos añadir ni quitar cosas, tan sólo alternar la vista de algunas de ellas.
En la parte de estadísticas (analytics), podemos obtener la información sobre la web, de forma muy gráfica con resúmenes de contenidos, visitas, paises, etc.
Otra de las partes del cliente es la de búsquedas. En ella, podemos buscar sobre las últimas visitas, o las que hemos identificador anteriormente. Podemos hacer una búsqueda bastante completa y filtrar por todos los parámetros, como se puede ver en la siguiente captura.
La parte más curiosa ha sido la que se llama Live. En este apartado podemos ver las visitas que se están efectuando en nuestra web… en vivo! Es curioso, de hecho marca las visitas en el mapa como en las películas cuando se detectan cosas en el radar y muestra toda la información del usuario.
Pero la cosa no se queda aquí. No sólo sabemos los usuarios y su información, sino que podemos abrirles un chat! Sí, sí, he dicho bien, se puede abrir un chat con el usuario que queramos. En las siguientes capturas, se muestra cómo abrimos la ventana con el usuario, cómo le aparece al usuario el mensaje y la ventana que finalmente tiene el usuario para hablar con el webmaster, es decir, nosotros 😀
Seguiré trasteando estos días a ver qué tal va el servicio y compararé con Google Analytics a ver cuál es la diferencia en las estadísticas. Por el momento pinta bastante bien.
Ya que el otro día veíamos un Homer en carne y hueso, hoy vía SigT tenemos un Homer Simpson en CSS (hecho por Román Cortés y es posible que no se vea en todos los navegadores). Impresionante lo que se puede hacer hoy con CSS 😀
Pasemos del Acid Test! Hagamos el Homer Test!!
© 2024 Tatai from the trenches
Tema por Anders Noren — Arriba ↑
