Cambios en el algoritmo de Google

Matt Cutts anuncia cambios en el algoritmo de Google

En un intento por dejar atrás las fuertes críticas contemporáneas hacia Google, por la cantidad de spam que se filtra en los resultados de búsquedas; Matt Cutts, acaba de anuncia en su blog, que luego de la reunión semanal con el equipo Calidad de Búsqueda, han decidido implementar fuertes cambios en el algoritmo que se encarga de mostrar y jerarquizar los resultados de búsquedas.

Estos cambios no sólo conseguirán hacer descender los niveles de spam sino, además, afectará principalmente a los sitios con contenido original por sobre aquellos que copian contenido de otros sitios.

—¿Se les terminará de una vez—por todas—el negocio a los scrappers?

Sitio Web | Matt Cutts

Leer más

ccmixter | música gratis para podcast y videos

Música gratis para proyectos personales y comerciales

ccmixter es una comunidad de entusiastas músicos quienes—a través de este sitio Web—comparten sus trabajos (bajo licencia Creative Commons) de forma tal que los tracks aquí compartidos, pueden ser utilizados en:

• podcasts
• videos
• games
• coffee shop
• party
• cubicle

Todas las pistas de audio disponibles fueron fueron creadas especialmente para este sitio Web y a la fecha hay ya disponibles, poco más de 10 mil tracks.

Sitio Web | ccmixter

Leer más

ainspector | un inspector de Accesibilidad Web

ainspector es un proyecto alojado en Google Code y es una herramienta de comprobación automática de Accesibilidad Web la cual se presenta como una extensión para Firefox, que necesita—a su vez—otra extensión: Firebug para poder ser ejecutada.

La comprobación puede bien llevarse a cabo mediante una de 2 reglas:

• WCAG 2 - Web Content Accessibility Guidelines 2
• IITAA - Illinois Information Technology Accessibility Act

La comprobación muestra su resultado dentro de un subset de Firebug

Sitio Web | ainspector
Requerimientos | Firebub
Licencia | Mozilla Public License 1.1
Tamaño | 552 KB 
Ver | Screencast

Leer más

6 principios que el sitio Web debe cumplir

Jerarquía de necesidades del usuario de cualquier sitio Web

1. Accesibilidad: El sitio web puede ser encontrado y utilizados por todas las personas
2. Estabilidad: El sitio web es coherente y digno de confianza
3. Usabilidad: El sitio web es fácil de usar
4. Fiabilidad: La página web está constantemente disponible, sin tiempo de inactividad
5. Funcionalidad: El sitio web ofrece herramientas para el contenido y, además, servicios de valor a los  usuarios
6. Flexibilidad: El sitio web se adapta a las necesidades y deseos de los usuarios

El visitante silencioso (aka lurker) ha existido durante muchos años y constituye la mayoría de las personas que visitan cualquier sitio web, en promedio. Este tipo de visitante—por lo general—no está socialmente inclinado a participar. Un buen número de miembros de cualquier audiencia no irá más allá de la visita y la lectura; lo cual no es muy alentador si se desea establecer una comunidad o si se busca el feedback de nuestros lectores.

Comúmente, cuando el usuario promedio navega a través de la Web, mirando a través de páginas y páginas de información; típicamente retiene poco menos del 10% de la información que se le provee. Y sólo el 1% si simplemente está buscado una frase o una definición. Es por ello que quienes somos responsables de generar contenido de utilidad busquemos formas útiles para presentar la información.

Esa es la diferencia entre gestionar los contenidos de cualquier sitio Web o de alguno que califique como memorable.

Vía | Teoría del comportamiento humano que puede ser aplicado al diseño Web

Leer más

Como compartir archivos con Ge.tt

Ge.tt es un servicio gratuito para compartir archivos en tiempo real. Esto es, no es necesario esperar a que el archivo suba completamente para compartir el enlace; la dirección temporal se genera sólo unos momentos después de haber comenzado el proceso de upload. Con lo que los tiempos de espera se reducen drásticamente a la mitad, en comparación con otro tipo de servicios similares.

A diferencia de otros servicios similares, Ge.tt ha aprendido que la usabilidad de estas interfases es esencial para la aceptación; por ello han dejado convenientemente a la mano los íconos de Twitter, Facebook y el del correo.

De esta forma, también, trabajan cada URL con un acortador propietario. Gestionar la cuenta no sólo es sencillo, sino que además no reviste costo alguno de manera adicional. De esta forma, es más sencillo controlar las estadísticas.

Sitio Web | Ge.tt
Vía | MoMB

Leer más

Curso de diseño de interacción web y usabilidad - Madrid y Barcelona

Madrid: jueves, 24 de febrero de 2011 (15 plazas)
Barcelona: miércoles, 2 de marzo de 2011 (15 plazas)

Objetivos

El objetivo del curso es analizar, mediante ejemplos de buenas y malas prácticas, las características que deben tener las interfaces para conseguir sitios web eficientes, usables y atractivos.
El curso tiene un enfoque introductorio y práctico, tratando, entre otros temas, las características y principios de usabilidad, el enfoque y metodología de diseño centrado en las personas, los principios de diseño visual y cómo afectan a la claridad, comprensión y eficiencia. Se dedicarán sesiones a aspectos más concretos, pero de gran repercusión en el éxito de un sitio web, como es el diseño de páginas de formularios y la escritura enfocada a Internet.
Así mismo, se presentarán las nuevas tendencias en diseño de experiencia de usuario, como la emoción, la seducción en las interfaces y el neurodiseño para influir en la conversión y en la eficacia de las webs.
Todas las sesiones se complementaran con ejercicios en grupo, asistidos por el profesor, con el objetivo de asentar los conocimientos teóricos impartidos.

Programa

Programa del curso

Horario	Actividad
9:15 a 9:30	- Presentación y entrega de documentación
9:30 a 10:00	- Introducción a la usabilidad y diseño centrado en el usuario
10:00 a 11:00	- Wireframes y prototipado
11:00 a 12:00	- Diseño visual para mejorar la usabilidad
Descanso
12:15 a 13:15	- Diseño de formularios
13:15 a 14:15	- Escribir para la web
Pausa para comer
15:45 a 16:45	- Técnicas rápidas de evaluación de usabilidad
16:45 a 17:45	- Diseño de interacción seductora y neurodiseño
Despedida y cierre

¿A quién va dirigido?

Cualquier persona involucrada en la gestión o creación de sitios web: responsables de negocio electrónico, de marketing, desarrolladores, diseñadores, consultores, etc.

Material

Los asistentes recibirán una copia de las diapositivas del curso en papel y en CD.

Fechas y lugar de realización

Madrid
Jueves, 24 de febrero de 2011
CESMA Escuela de Negocios
Paseo de la Habana, 43
Barcelona
Miércoles, 02 de marzo de 2011
Fundació UAB - Hospital de Sant Pau, Casa de convalescència
Sant Antoni Maria Claret, 171

Precio

• 350 euros por alumno (no incluye I.V.A)
• 20% de descuento a estudiantes
• 20% de descuento a empresas que inscriban más de una persona

Vía | Usolab

Leer más

Como subir audio a YouTube

MP32FLV es una aplicación Web que te permite subir audio a YouTube
fácilmente; ya que esta aplicación Web te permite tomar una pista de audio en formato mp3 y convertirla a formato FLV, utilizando como imagen de fondo la que elijas.

Esta aplicación Web te permite elegir—como formato de salida—el estándar h.263 mp3/128 Kbps o el h.264 mp4/192 kbps

Sitio Web | MP32FLV
Vía | Delicious

Leer más

Como comprimir archivos online con Zip Online

Zip Online s una aplicación Web que permite reunir en online hata 5 archivos en un solo archivo ZIP.

Sólo es condición que cada archivo no supere los 650 Kb. El resultado de la operación puede ser descargado desde el sitio Web o bien solicitar se envíe por correo electrónico.

Sitio Web | Zip Online
Vía | Extremismo

Leer más

Previsualización de fuentes y CSS con Typechart

Typechart permite previsualizar y comparar—en su sitio Web—fuentes tanto para la plataforma Windows como para Mac también.

Lo interesante, de cara al diseño Web, es que nos permite descargar el CSS necesario como para reflejar lo visto en nuestro propio sitio Web o proyecto o blog.

Así, de esta manera, luego de jugar un poco con el tipo de fuente y el tamaño de la misma, se consiguen declaraciones en CSS de este tipo; en mi ejemplo:

font-family: Helvetica, Arial, sans-serif;
font-size: 44px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -2px;
line-height: 1.2em;

Sitio Web | Typechart

Leer más

Como leer Facebook si en la oficina no te dejan

Prácticamente—a nivel mundial—el 54% de las compañías impiden a sus empleados acceder a sus cuentas de Facebook.

No obstante, no son tan rígidos la hora que utilices tu cliente de correo en la empresa.

Sólo hay que tramitar una cuenta en NewsFeedEmail, lo cual es gratis, y permitir que la aplicación se conecte con tu cuenta de Facebook. Podés recibir luego las actualizaciones de tu muro cada 3 horas (vía mail); en una jornada laboral, esto es prácticamente 3 veces por día.

Sitio Web | NewsFeedEmail

Leer más

Qué es humans.txt?

Somos gente, no máquinas

humanstxt.org es una iniciativa para conocer los creadores de una Web. Simplemente es una archivo de texto plano, un TXT que contiene la información de quienes han contribuído a hacer el sitio Web.

La implementación, es sencilla; sólo enlazar el archivo de texto en el HEAD de la página Web

<link type="text/plain" rel="author" href="http://domain/humans.txt" />

El siguiente ejemplo de uso de humans.txt lo he tomado del sitio Web de Cristian Eslava, ceslava.com:

Sitio Web | humans TXT
Vía | Quora
—Gracias Juanjo por el aporte!

Leer más

Sitemap Generator

Sitemap Generator es un producto de Wonderwebware; se trata de un programa gratuito cuya misión es generar—del lado del cliente—un mapa de sitio (aka sitemap)

Si bien esta aplicación es gratuita, requiere de una donación para obtener disponibles algunas funciones adicionales; como guardar el perfil del proyecto, por ejemplo. No obstante el rastreo es 100% operacional.

Sitemap Generator ofrece varios formatos de salida:

• el xml requerido por el estándar de sitemap.org
• el anterior formato de Yahoo, en formato de texto plano
• el formato en HTML
• y el separado por comas, en CSV

Sitio Web | Sitemap Generator
Tamaño de archivo | 1.8 MB

Leer más

Conchi se hizo de Twitter buscando el anonimato

El video del viernes

Se trata de un excelente trabajo de mano de la agencia Tinkle para Sony Ericsson, España.

#Conchifacts continúa la saga que comenzara con Me Han Robado el Mayor, de vídeos protagonizados por la Conchi, en los que la nueva gurú de las aplicaciones sociales nos cuenta su experiencia en Twitter “#YoConfieso que me he hice del Twitter buscando el Anonimato”

video | 01:49 min


Vía | Las Termópilas

Leer más

Como reservar lugares para las imágenes

placehold.it es una excelente aplicación on-line para ser utilizada en tiempo de diseño; permite así, reservar no sólo en el markup el espacio necesario para una imagen. Sino que en el renderizado de la pagina Web podemos visualizar el espacio en pixels que ha sido requerido.

Así, si quisiera ver como se dibuja el layout luego de insertar una imagen de 350 × 150 pixels; puedo recurrir al siguiente marcado en HTML si es que todavía no dispongo de la imagen correspondiente:

<img src="http://placehold.it/350x150">

imagen insertada utilizando el ejemplo anterior

» El aplicación soporta el uso de 4 formatos de imagen

• GIF
• JPEG
• JPG
• PNG

» Texto dentro de la caja definida
» Color dentro de una superficie definida

Creo que una vez que te aprendés la sintaxis—la cual no es nada dificil—le sacás un mayor partido.

Sitio Web | placehold.it

Leer más

W3C presenta el logo de HTML5

La World-Wide Web Consortium (aka W3C) ha presentado el logotipo de HTML5, el próximo estándar para desarrollo Web.

Este estándar esta siendo fuertemente impulsado por varias empresas que componen W3C, entre ellas Google, por ejemplo.

El logo fue diseñado por la agencia Ocupop, enfocandose en la marca, la identidad y el diseño Web.

Este badge y sus variaciones, está disponible para la descarga en el sitio Web de W3C; los formatos disponibles son el SVG y el PNG.

Sitio Web | W3C
Vía | Mashable

Leer más

Como insertar grandes imágenes en pequeños lugares con BigImg.it

BigImg.it es una interesante aplicación Web de cara al diseño; ya que permite generar un applet mediante el enlace a una imagen que el usuario proveea.

De esta forma, la aplicación devuelve el código HTML para generar un iFrame con el código en Javascript para navegar la imagen.

En mi ejemplo, partiendo de una imagen de 1527 × 2527 pixels generé un iFrame de 560 × 300 pixels.

Al hacer click sobre la imagen (abajo) el applet permite jugar con desplazamientos e inclusive con el zoom también; en mi caso mediante la rueda central del mouse.



Sitio Web | BigImg.it

Leer más

Como encontrar dominios disponibles con NameNinja

NameNinja es una interesante aplicación Web—ideal para domainers—que utiliza la misma técnica que se aprecia en Google Suggest sobre Google.com (!)

De esta manera, a medida que se va tipeando la consulta sobre el dominio requerido se puede apreciar su disponibilidad en los siguientes TLDs

• .com
• .net
• .org
• .biz
• .info

Sitio Web | NameNinja

Leer más

Search Engine Blacklist

Search Engine Blacklist es una extensión para Google Chrome que permite que el usuario gestione su propia lista negra (aka blacklist) de los resultados de búsquedas orgánicos.

Días atrás, Lifehacker; publicó los resultados de una encuesta realizada ante sus lectores. La misma reveló que el  el 77% opinaba que Google estaba ofreciendo—últimamente—resultados cada vez menos útiles (entiéndase más spam).

—¿Tocará, ahora, el uso de estas herramientas del lado del cliente para hacer el trabajo que Google no puede?

Instalar extensión | Search Engine Blacklist

Leer más

Como compartir imágenes con DropMocks

DropMocks es una aplicación Web que de manera sencilla y eficaz nos permite compartir galerías de imágenes alojándolas en un servidor gratuito.

Su uso requiere sólo el conocimiento de arrastrar y soltar las imágenes dentro del sitio Web para generar un slideshow con las imágenes.

A partir del momento de insertar la primera imagen, la aplicación genera una URL que contiene las imágenes que deseamos compartir; en mi ejemplo el siguiente enlace:

http://www.dropmocks.com/mPr8I

El slideshow que contiene las imágenes que sólo está disponible con quienes compartamos la URL. Su uso no requiere registración, pero hacerlo permite administrar en forma efectiva las galerías.

Sitio Web | DropMocks

Leer más

Better Grooveshark

El entorno que ofrece Grooveshark para que el usuario interactúe es básicamente una aplicación basada en Flash. Lo cual—por cierto—no permite mucho para cualquier desarrollador que colabore con userscripts.org

No obstante, mallo, el autor de Better Grooveshark ha conseguido algunas mejoras significativas:

• ocultar la publicidad del panel derecho para las cuentas free
• mejorar la experiencia de usuario insertando un buscador de letras en la posición donde estamos acostumbrados a recibir la publicidad
• incluir el título del tema que se está reproduciendo en el título de la página

Better Grooveshark es un script que carga sobre Greasemonkey; una extensión de Firefox.

Sitio Web | Better Grooveshark
Requerimientos | Greasemonkey

Leer más

Como medir la relevancia de tu sitio Web con Menae

Menae es una aplicación Web que mide el grado de relevancia de tu sitio Web según los siguientes factores relacionados:

• search: cantidad de página indexadas
• social: información que los usuarios comparten en los medios sociales
• traffic: visitantes que el sitio recibe
• bookmarks: páginas guardadas en los marcadores sociales
• blogs: menciones recibidas en las blogesfera

De esta forma, cada valor en porcentaje representa una parte del total que la aplicación Web adjudica al sitio Web consultado.

Sitio Web | Menae
Vía | Killerstartups

Leer más

Coda Clips | un repositorio de códigos

Coda Clips es el resultado de una comunidad de entusiastas colaboradores—antes que nada programadores—que utilizan esta aplicación Web para compartir clips de código que pueden serles útiles al público en general.

Este repositorio contiene:

• CSS
• Drupal
• Expression Engine
• HTML
• Javascript
• PHP
• Textpattern
• WordPress

Sitio Web | Coda Clips

Leer más

Como agregar un video en background con jQuery

Tubular es un projecto de Sean Mc Cambridge Design alojado en Google Code. Se trata de una librería en jQuery que permite insertar cualquier video de YouTube como fondo de cualquier página Web.

Sólo requiere que del lado del cliente esté instalado Flash y Javascript habilitado.
Para la instalación, sóo seguir los siguientes pasos:

Leer jQuery en la página

<script type="text/javascript" charset="utf-8" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>

—Sólo recordar que luego del 31/01/01 jQuery no permitirá hacer más hotlink

Aunque tradicionalmente los scripts son llamados en el HEAD de la página; comienza a ser una buena práctica llamar a Javascript antes del cierre de la etiqueta BODY

Cargar swfobject

<script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>

Cargar el plugin

<script type="text/javascript" charset="utf-8" src="js/jquery.tubular.js"></script>

Ejecutar el script

$('body').tubular('_VKW_M_uVjw','wrapper');

Donde _VKW_M_uVjw es el ID del video de YouTube y wraper es en el ejemplo el nombre del DIV

Sitio Web | Tubular
Demo | Tubular
Licencia | MIT

Leer más

Como mejorar la carga de tu página Web con DOM Monster

DOM Monster en un librería en Javascript que debe ser utilizada como bookmarklet; esto es, se arrastra y se suelta en la barra del menú del navegador para luego analizar la estructura de cualquier página Web y así poder luego optimizar el tiempo de carga de la misma.

El uso de este script es independiente del sistema operativo que se utilice (cross-platform) y del navegador con que se decida ejecutar (cross-browser)

Video | 0:34 min


DOM Monster analiza el DOM y otras características también; además, es open source.

Sitio Web | DOM Monster
Licencia | MIT

Leer más

Como hacer para que Internet Explorer respete los estándares

ie7-js es el proyecto de Dean Edwards alojado en Google Code; se trata de una librería en Javascript que permite que Internet Explorer se comporte como una navegador que respeta los estándares.

Su implementación es sencilla; y el script se carga mediante un condicional. De esta forma algunos comportamientos que Internet Explorer tiene con respecto a—especialmente—CSS quedan resueltos con el uso de este script.

<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
<![endif]-->

Además resuelve, claro está, la incapacidad en que tanto IE6 como así también IE5.5 tienen para mostrar transparencias en archivos de imagen PNG.

Sitio Web | ie7-js

Leer más

CSS3 Matrix Construction Set

Zoltan "Du Lac" Hawryluk—desde su blog: User Agent Man—presenta un interesante artículo sobre transformaciones con CSS3 y a su vez provee de una interesante aplicación Web: CSS3 Matrix Construction Set

Mediante el uso de esta utilidad es posible tener el preciso control (Pixel Perfect) de transformaciones vía CSS3 sólo arrastrando y soltando. De esta forma, a partir de un un objeto original y estático se puede obtener el resultado final; sea al rotarlo, escalarlo o volteándolo.

Sitio Web | CSS3 Matrix Construction Set
Vía | The CSS3 matrix() Transform for the Mathematically Challenged

Leer más

Correos temporales con WebEmail.me

WebEmail.me es una aplicación Web que te permite administrar una cuenta de correo temporal. El uso de una cuenta de correo temporal es una buena iniciativa para inscribirse en sitios Web o listas de correo de las cuales no sólo no tenemos referencias sino, peor aún, no sabemos el destino de la información que brindamos.

La dirección de correo temporal que provee WebEmail expira un día después que la misma a sido creada. No obstante, antes que el vencimiento llegue, es posible renovar la dirección elegida.

Sitio Web | WebEmail.me

Leer más

Como hacer pruebas de Usabilidad

Acabo de leer el blog de Verónica Traynor y verdaderamente me gustó la manera sencilla con que describe el llevar a cabo una prueba de usabilidad con usuarios.

La dinámica, en resumen, es la siguiente:

1. Generar un plan de participación con clientes, colaboradores, etc.
2. Entrevista con el usuario
3. Explicación del test
4. Observación y anotaciones
5. Generación de informes
6. Modificación de la interfase
7. Volver al punto 2

El valor de este plan, reside—precisamente—en la sencillez con que Verónica lo explica y lo transmite; por lo cual recomiendo la lectura del artículo a todo aquel interesado en llevar a cabo pruebas de usabilidad con usuarios, ya que es un excelente tutorial; sean estas sobre el diseño de un sitio Web o, simplemente, una sección esquematizada en papel.

Sitio Web | Tips de Usabilidad y Accesibilidad Web

Entradas relacionadas:
Prototipos en papel para diseño de interfases
Diseño Interactivo para todos: usable y accesible
Curso de diseño de interacción Web y Usabilidad

Leer más

Como crear CSS Sprites con Spritebox

Spritebox es una aplicación Web que permite; a partir de una colección de imágenes reunidas en un archivo; obtener las coordenadas y las dimensiones para ser utilizadas luego—en CLASSes definidas por el usuario—mediante hojas de estilos en cascada (aka CSS).

El uso es intuitivo y sólo requiere llevar a cabo la selección de cada imagen que va a ser utilizada, para que la aplicación genere el CSS necesario. El uso de esta técnica reduce considerable los request al servidor como así también el tiempo de carga de cada página del sitio Web.

Sitio Web | Spritebox

Leer más

Como convertir colores X11 a Hexadeximal

Los nombres de colores conocidos como X11 o X Window System son aquellos que están representados por nombres. Como HotPink, Ivory o Red; por citar algunos comunes.

Mediante la tabla (completa en el enlace abajo) es posible convertir estos nombres en el correspondiente formato hexadecimal o, inclusive, en el valor RGB correspondiente.

Sitio Web | Convert X11 Color Keywords to Hex/RGB

Leer más

Como separar en sílabas en tu sitio Web con Hyphenator

Hyphenator es un proyecto alojado en Google Code que permite que el contenido de cualquier sitio Web o blog sea mostrado con sílabas separadas y de esta forma separar las palabras sin producir grandes saltos; en especial atención cuando el texto es justificado.

Hyphenator es una librería en Javascript, y como tal corre del lado del cliente; sin necesidad alguna de consumir recursos del lado del servidor.

La instalación es sencilla; así como la implementación también. Sólo es necesario agregar un class="hyphenate" cuando se desee separar el texto y un class="donthyphenate" para que las palabras no se separen al acercarse al margen derecho.

Esta librería tiene soporte de idioma, incluído el castellano.

Sitio Web | Hyphenator

Leer más

Feliz año nuevo

Aquí hay esperanza!
Feliz año nuevo!

Imagen cortesía de Frank Chimero

Leer más