Scripts para detectar si un visitante viene de un móvil

scripts
Adaptar nuestros sitios web a los dispositivos móviles ya es algo más que una opción, ahora es una obligación.

Cada dí­a aumenta el tráfico recibido de smartphones y otros dispositivos móviles de reducida pantalla, con lo que nuestro diseño tiene que estar adaptado a estas «nuevas» formas de navegar.

Para ello existen varias extensiones en diferentes CMS, pero lo que quiero presentaros ahora puede aplicarse a cualquier sitio web, independiente del sistema de gestión de contenido que use.

Se trata de detectmobilebrowser.com, una web que nos pregunta, en su única página, hacia donde queremos enviar el tráfico recibido desde móviles, mostrando posteriormente la posibilidad de bajar el script en varios lenguajes de programación (php, asp, jsp, rails…).

Podéis crear una versión móvil de vuestro sitio usando cualquiera de las opciones que comenté hace unos meses.

Chrome Experiments – Probando las habilidades de los navegadores web

chrome

Google es el proprietario del dominio www.chromeexperiments.com, un sitio web que muestra varias páginas (subidas por los lectores) con funcionalidades especiales desarrolladas en Javascript.

La idea es demostrar que Chrome es capaz de reconocer todas las funciones que usen en HTML5, SVG, Canvas y otras técnicas que nos son compatibles con todos los navegadores web.

These experiments were created by designers and programmers from around the world using the latest open standards, including HTML5, Canvas, SVG, and more. Their work is making the web faster, more fun, and more open ”“ the same spirit in which we built Google Chrome. Naturally, if you’ve made something fun and fast with JavaScript, please send it in. We can’t post everything, but we’d love to see it.

Por supuesto Google puede usar el sitio para probar su navegador, haciendo los ajustes necesarios para que no decepcione a nadie.

De momento ya hay algunas páginas bastante entretenidas que podemos ir analizando para pasar un buen rato.

SnapaBug – Una buena forma de ayudar a nuestros clientes online

snapabugSnapABug es una aplicación que, después de instalarla en nuestra página web, muestra un botón en el lateral que abre una caja de diálogo para que nuestros visitantes puedan informarnos de los eventuales problemas encontrados.

Así­ no parece gran cosa, nada que un simple formulario de contacto no solucione rápidamente.

La novedad es que el mensaje que nos llega viene acompañado con una captura de la pantalla que el cliente está viendo en ese momento, lo que nos ayuda mucho a la hora de detectar el problema especificado en el mismo.

Aquí­ tenéis un ejemplo de lo que el equipo de soporte recibe por email:

ejemplo

Por desgracia no está en español, aunque el texto del botón, HELP, es ampliamente conocido.

TypeKit – La solución para hacer sitios web con cualquier tipo de fuente

fuentesUna de las cosas que más limita el trabajo de los diseñadores web es la imposibilidad de mostrar texto con cualquier tipo de fuente. Siempre depende de las fuentes instaladas en las máquinas de los lectores, con lo que no podemos confiar en tipos de letra diferentes de las habituales.

Tecnologí­as como sIFR o Flir usan algún JS o flash para darle estilo al texto como si estuviéramos trabajando con CSS, pero acaban resultando muy limitadas en la práctica.

Estamos cerca del mundo CSS3 y su propiedad @font-face que, en teorí­a, nos permitirá usar cualquier fuente pero, hasta entonces, tenemos que continuar conviviendo con los lí­mites impuestos… ¿o no?

Hace un par de dí­as recibí­ la invitación para probar TypeKit, una solución que permite instalar cualquier fuente de los packs que dispone en cualquier sitio web.

El pack de fuentes gratuitos es el más limitado, pero aún así­ es infinitamente superior a las opciones existentes hoy.
tipos letra
Lo único que tenemos que hacer es incluir unos scripts en el código de nuestro sitio y elegir las fuentes que queremos usar.

Si os interesa podéis pedir la invitación en https://typekit.com

Actualización: Fernando, uno de los lectores, recomienda el uso de Cufón, una alternativa que permite el uso de cualquier fuente enviada.

mailtoencoder – Cifra tu email para evitar spam

mailenccoderDivulgar la cuenta de email en formato de texto directamente en una página web es un grito de atención a los robots que los capturan para enviar spam, por eso existen varias opciones que crean imágenes mostrando el email, escondiendo la información a los ojos automáticos.

MailToEncoder ofrece una opción diferente, cifrando cualquier dirección de email usando Javascript. Sólo tenéis que informar el email y recuperar el código que MailToEncoder ofrece.

cifrar

Como podéis ver, usa un algoritmo para reorganizar los caracteres, de forma que si un robot intenta leer el código fuente para capturar el email tendrá mucho más trabajo que antes.

Clixpy – Graba en ví­deo lo que tus visitantes hacen

clixpySi necesitáis conocer los hábitos de los visitantes de vuestro site grabando un ví­deo con los clicks y acciones realizadas por cada uno de ellos, clixpy os puede ayudar.

Añadiendo un pequeño script de menos de 5k en vuestra web, grabará un video por cada visita, mostrando los resultados en la sección de administración de clixpy.

Según ellos no afectará en nada la velocidad de la web, los usuarios no notarán la grabación y podréis analizar si el uso de vuestra página es el adecuado.

Ideal para tener más datos que nos ayuden a mejorar la usabilidad de nuestra web.

Greasemonkey y los scripts para Twitter

greasemonkey
Para los despistados decir que Greasemonkey es una extensión de Firefox que permite ejecutar scripts que modifican o amplian las funcionalidades de algunas páginas web: envio de SMS desde Gmail, añadir un link al lado de los ví­deos de youtube para bajarlo en formato FLV y otros muchos que pueden encontrarse en userscripts.org, por ejemplo.

Aquí­ os dejo una lista de scripts que pueden usarse para ampliar las funcionalidades de la página web de twitter.

Troy”™s Twitter Script – añade varias funciones extra como expansión de urls pequeñas, caja de búsqueda, paginacií²n, nuevos botones, etc.

Twitter friends name helper – Autocompleta el nombre de sus contactos cada vez que escriben @ antes del nick.

Unread replies – Añade el número de mensajes que tenemos pendientes de leer, así­ como una categorí­a para saber quién os ha mencionado.

Twitter Sidebar Replies – Muestra en la página de cada miembro el número de veces que fue nombrado por otros.

Delete Twitter Messages – Borra de una sola vez todos los mensajes directos de tu cuenta.

En fin, hay decenas de ellos relacionados con Twitter, vale la pena la visita.

fuente: kerkeberos

SikBox – Un buscador especial para tu sitio web

buscadorSi no estáis a gusto con el buscador existente en vuestra web y queréis ofrecer algo más rápido y sofisticado, os invito a probar SikBox.

Este sitio genera un script especialmente diseñado para la url indicada, permitiendo personalizar la estética del campo de búsqueda resultado.

Usando ajax permite encontrar resultados sin necesidad de apretar ningún botón, siendo más rápido que los buscadores tradicionales.
resultados
Podéis probarlo antes de instalarlo, para eso basta indicar la url y empezar a buscar en el campo de pruebas, abriendo los resultados en un panel desplegable vertical.

ajaxim.com – Script para implantar mensajerí­a instantánea

IMSi queréis instalar un chat en la Intranet de vuestra empresa o descubrir la forma de crear un sistema de mensajerí­a instantánea usando Ajax, aquí­ os dejo un script gratuito que podéis bajar e instalar en vuestro proyecto web.

Ajax IM, al estar desarrollado en ajax, no necesita esperar refresco de la página. PArece bastante sencillo de usar y dispone de una página en la que podéis probar el sistema antes de decidir instalarlo en vuestra web: ajaxim.net.