HTML 5 Rocks tiene desde una introducción a las bondades de HTML 5, hasta tutoriales paso a paso y un editor de código en línea para empezar a experimentar con esta nueva versión del estándar.

Algunos de los tutoriales que hay desde ahora son:

• Introducción a Chrome Developer Tools.
• Prácticas recomendadas para hacer una aplicación HTML 5 más rápida.
• Guía para principiantes para usar la aplicación de cache.
• Guía rápida para implementar la etiqueta de audio de HTML 5.
• Uso de la API de notificaciones.

Y varios ejemplos prácticos de otras funciones de HTML 5.

Una última sección de recursos muestra un pequeño directorio con herramientas y documentación sobre HTML 5 y CSS 3.

Recordar que Apple ha hecho un gesto similar, pero con el pequeño detalle de que obliga a descargar Safari, algo que por otra parte, no es de extrañar en la filosofía de esta empresa.

Tanto HTML 5 y CSS 3 no son tecnologías realmente nuevas, lo novedoso es todo el empuje que estas grandes multinacionales les están dando desde hace un tiempo y que, indirectamente, ayuda a la evolución de la web.

Sitio: HTML 5

El navegador es una de las principales herramientas del desarrollador web y del blogger; las extensiones, una forma increíble de potenciarlos. Actualmente Mozilla Firefox lleva la cabeza con más de 5000 extensiones, sin embargo, Google Chrome llegó pisando fuerte y ya cuenta con cerca de 3000.

Un excelente ejemplo de la capacidad de los completos son las siguientes 16 extensiones para Firefox y Chrome que pueden hacer más fácil la vida de Bloggers, Desarrolladores y SEO’s:

1. Firebug

Firebug es una de las extensiones más completas y poderosas para el desarrollo web. Extremadamente útil para el trabajar con el código directamente en el navegador y ver los cambios en tiempo real.

Firefox: Descargar Firebug.

Chrome: Descargar Firebug.

Nota: La versión para Chrome esta en fase beta, pero ya es un extensión como tal, por encima de la versión Firebug Lite que circulaba desde hace tiempo.

2. Speed Page / Speed Tracer

Son extensiones para evaluar el tiempo de carga de un sitio. Muestra cada uno de elementos y su desempeño en la carga. Muy útiles para disminuir en el tiempo de carga y así mejorar la experiencia del usuario.

Firefox: Descargar Speed Page. Desarrollada por Google, es una extensión que funciona sobre Firebug.

Chrome: Speed Tracer. Extensión desarrollada también por Google.

3. Web Developer

Un completo kit de herramientas para trabajar con HTML, CSS, estándares, formularios, imágenes. Puede ser más de lo que necesitas sino trabajas cotidianamente con esto. Ideal para diseñadores web.

Firefox: Descargar web developer.

Chrome: Descargar Pendule.

4. SEO

Extensiones para ayudar con la optimización y seguimiento de un sitio web en los buscadores. Información estadística por dominio, posición en Google, palabras clave, desempeño del sitio web, entre muchos otros parámetros de importancia SEO.

Firefox: Descargar SeoQuake SEO. También ver SenSEO.

Chrome: Descargar Chrome SEO. También ver META SEO Inspector.

5. ColorZilla / Eye Dropper

ColorZilla es un es un elemento color picker, es decir, que se puede obtener el color de un elemento con solo dar un clic sobre él. Permite obtener el código de color en varios formatos o mostrar el resto de la paleta de colores circundante.

Firefox: Descargar ColorZilla.

Chrome: Descargar Eye Dropper.

6. IE Tab

IE Tab es una extensión que te permite visualizar un sitio web con tu versión de Internet Explorer, pero dentro de tu mismo navegador. Con la ventaja de tener un botón siempre a mano y no esperar la carga completa del glorioso IE.

Firefox: Descargar IE Tab

Chrome: Descargar IE Tab

7. Window Resizer

Permite redimensionar la ventana del navegador para probar como luce un sitio a múltiples resoluciones. No te da la misma noción que verlo en una resolución de forma nativa, pero si una buena idea del uso del espacio en el diseño.

Firefox: Descargar Window Resizer.

Chrome: Descargar Window Resizer.

8. Measureit

Measureit es un sencillo complemento que te permite medir las dimensiones de cualquier elemento en el navegador. Tal como su icono muestra, funciona como un regla virtual.

Firefox: Descargar Measureit.

Chrome: Descargar Measureit.

9. Screengrap / Webpage screenshoot

Screengrab es una excelente herramienta para copiar o guardar capturas de parte de visible de una página en el navegador, del sitio completo o una zona especifica. Sencillo y muy efectivo con su tarea.

Firefox: Descargar screengrab.

Chrome: Descargar webpage screenshoot.

10. Link Checker

Link Checker permite verificar el estado y tipo de los enlaces en un sitio web. Perfecto para encontrar enlaces rotos.

Firefox: Descargar Link Checker.

Chrome: Descargar Chrome Link Checker.

11. Greasemonkey

Greasemonkey es una extensión referencia en Firefox y permite cargar scripts y estilos sobre cualquier sitio web y mejorar nuestra experiencia de navegación. Cuenta con miles de scripts prácticamente para todo uso, por ejemplo, recuperar suscriptores en feedburner.

Firefox: Descargar Greasemonkey.

Chrome: No necesario. La última versión incluye soporte nativo para scripts de greasemnkey.

12. Diccionario de español

El diccionario de español es especialmente útil para bloggers con una ortografía tan mala como la mía. Resalta con subrayado las faltas de ortografía en cualquier campo de texto del navegador.

Firefox: Descargar diccionario de español: México, España, Argentina.

Chrome: Aun no disponibles. Existen diccionarios con el de RAE para definición de palabras, pero no como correctores ortográficos.

13. AdBlock

AdBlock es una extensión que te permite bloquear la publicidad de la mayoría de los sitios web. Para el desarrollador permite limpiar la interfaz con que se trabaja; para el blogger evita impresiones improductivas de los propios anuncios.

Firefox: Descargar AdBlock Plus.

Chrome: Descargar AdBlock y Browser Button for AdBlock.

14. Twitter

No catalogaría a las extensiones para Twitter como necesarias, pero sin duda que son populares entre bloggers y desarrolladores. Permiten leer y publicar mensajes en Twitter, desde una ventana discreta y ágil a la lectura.

Firefox: Descargar Echo fon.

Chrome: Descargar Chromed Bird.

15. BuiltWith

BuiltWith te permite saber con que CMS o script esta hecho un sitio web, mostrando un icono en la barra de direcciones del navegador.

Firefox: Descargar BuiltWith.

Chrome: Descargar BuiltWith.

16. Flags

Muestra la bandera del país donde se encuentra hospedado un sitio web o blog.

Firefox: Descargar FlagFox.

Chrome: Descargar Chrome Flags.

Conclusión

Es impresionante lo mucho que ha crecido Google Chrome en uso y desarrollo en tan poco tiempo, sin embargo, Mozilla Firefox sigue teniendo la ventaja en madurez. Tal como están las cosas ahora, la extensiones en Firefox superan por mucho a las de Chrome en desempeño y cantidad. Lo cierto es que Chrome cada día se acerca más y a Firefox les cuesta renovarse.

No esta de más decir que no es recomendable tener una gran cantidad de extensiones instaladas, escoge aquellas que sabes usaras de forma frecuente. También puedes ver en los bookmarlets una alternativa liviana a tareas de algunas de estas extensiones.

Para WordPress

En los archivos donde quieras mostrar el botón (por ejemplo single.php) agrega el siguiente código:

<a href="http://www.google.com/reader/link?url=<?php the_permalink() ?>&title=<?php the_title(); ?>" rel="bookmark">Buzz!</a>

Puedes incluirlo en todos los archivos donde muestras los servicios para marcación de favoritos, la única condición es que quede dentro del Loop.

Para Blogger

Si ya haz agregado otros servicios de marcadores sociales, el proceso es similar, e igual al botón de compartir en Twitter.

En el código de tu plantilla (Inicio → Diseño → Edición de HTML → Expandir plantillas de artilugios) busca:

<p class='post-footer-line post-footer-line-3'>

Justo abajo agrega el siguiente código:

<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&amp;title=" + data:post.title'>Buzz!</a>

Cuida que todas las etiquetas se abran y cierren correctamente.

Anotaciones

Si agregas este código a una lista de marcadores existentes, adáptalo a su formato; suele ser listas no numeradas, así que es posible tengas que las etiquetas <li> y </li>.

Como tal, el código en este post es solo un enlace, si quieres mostrarlo como un botón, en lugar de vincular al texto "Buzz!", vincula una imagen como la propuesta por savedelete:

O mashable:

Quizá es un poco temprano para saber si Google será una herramienta atractiva de promoción, al menos tan atractiva como para regalarle un espacio en cada artículo; Ya Goolge Bookmarks demostró que no porque sea Google, será popular. Por lo pronto, blogs como Mashable ya lo integraron.

Tú qué opinas ¿Google Buzz se volverá una herramienta popular?

Nota: si bien en el capítulo anterior de esta guía dije que a continuación hablaríamos de la creación de un blog en WordPress.com, he pensado que sería mejor continuar con Blogger por el momento. De esta forma, la serie de posts será menos dispersa. Por ello, cuando terminemos con el servicio de de blogs de Google, abordaremos el de Automattic.

Ya tenemos nuestro blog creado en Blogger. Tal vez es buen momento para detenernos a examinar las partes comunes que tienen todos los blogs creados en este servicio, tanto de cara al público como “de puertas para dentro”.

Aspecto externo del blog

Nuestro blog tiene dos páginas principales:

La portada: es la página que se ve cuando se accede a él. Muestra en orden cronológico inverso los últimos posts publicados; es decir, que el último que has publicado aparece el primero, a continuación le sigue el que publicaste antes de éste, y así hasta el primero. Podemos indicar en la configuración del blog cuantas entradas se van a ver en la portada.

El post o entrada individual: cada entrada que publicas tiene su propia página individual. En ella se muestra únicamente su contenido acompañado de los comentarios que hayan dejado los lectores.

Hay una tercera página que sería el formulario de comentarios. Se trata de una página que muestra una casilla para que nuestros lectores digan lo que quieran acerca de cada entrada en particular. Junto a la casilla, se muestran los comentarios que dejaron anteriormente otros lectores (si los hubiera). Esta página puede mostrarse al hacer clic para dejar un comentario o en una nueva ventana de pequeño tamaño, depende de como la configuremos. En algunas plantillas, es posible obviar esta página aparte e incluir el formulario de comentarios justo debajo del contenido del post. Sin embargo, esto no funciona en todas las plantillas.

Salvo plantillas excepcionales, tanto la portada como la página de cualquier entrada tienen el mismo aspecto y las mismas partes:

Cabecera: el lugar donde aparece el nombre de nuestro blog. Bajo el nombre, aparecerá una pequeña descripción de nuestro blog (si la hemos añadido en la configuración).

Barra de gadgets: se trata de una zona donde podemos añadir diversos complementos a nuestro blog por medio de los gadgets (llamados widgets en otros sistemas). Dependiendo de la plantilla, podemos contar con más de una barra lateral o incluso otras zonas donde colocarlos.

Contenido: si es la portada, en esta zona aparecerán las entradas, una tras otra; si es la página de un post, éste aparecerá ahí.

Pie de página: dependiendo de la plantilla, en esta zona podrás colocar también gadgets. En plantillas ajenas a Blogger, esta zona suele ser ocupada por los créditos de los creadores o adaptadores de la plantilla.

En algunas plantillas como las que se pueden encontrar en BTemplates, es posible que haya una pequeña barra de navegación. En realidad, esa barra no es más que una serie de enlaces a entradas del blog que debes personalizar una vez que coloques la plantilla. A diferencia de sistemas como WordPress, Blogger no permite la creación de páginas fuera del flujo de entradas, por así decirlo. Por ejemplo, si quieres tener una página que contenga información sobre ti, deberás publicarla como un post y luego enlazarla desde esa barra (o desde cualquier otro sitio).

Aspecto interno

El blog lo administramos desde el escritorio de Blogger. Cuando hemos accedido con nuestra cuenta, veremos algo como esto:

Cualquiera de las opciones nos permitirá acceder a la administración del blog, sólo que entrando por secciones diferentes. Hay cuatro grandes secciones:

Creación de entradas: desde aquí puedes manejar todo lo relacionado con las entradas. Puedes escribir nuevos post, editar los existentes y moderar los comentarios.

Configuración: aquí defines parámetros básicos y avanzados de tu blog. Entraremos a fondo en esta sección en entradas posteriores. Sin embargo, explorarla te puede resultar muy útil para descubrir como sacarle el mayor partido al sistema.

Diseño: es todo lo que se refiere a la apariencia de tu blog. Desde aquí puedes añadir gadgets en la barra lateral y configurar algunos de los elementos fijos de la plantilla, como la cabecera.

Monetizar: integra anuncios de AdSense en tu blog. A pesar de lo sencillo que parece en principio, poder extraerle el jugo a un sistema como AdSense reviste una cierta dificultad en la que aquí no profundizaremos. Si deseas activarlo, ten claro que no va ser sentarse y esperar el dinero.

Y hasta aquí por esta ocasión. Recuerda que el mejor sistema de aprendizaje es la práctica y la exploración. En el próximo post, hablaremos en detalle acerca de la publicación de entradas.

Imagen de la guía: montaje utilizando la imagen “Buried Magazine” de CarbonNYC

En esta ocasión, vamos a ver como crear un blog de manera gratuita en el servicio de Blogger.

Comenzamos por, obviamente, entrar a Blogger.com. Se nos abrirá una página como esta y hacemos clic en Crear un blog.

El siguiente paso es crear una cuenta de Google. Como vimos en el post anterior, Blogger es propiedad de Google. Si tienes una cuenta en cualquiera de los servicios de esta compañía (Gmail, Picasa, Google Docs, etc.), ya tienes una cuenta de Google. Si es así, haz clic en el enlace “primero acceda a ella“. Si no tienes, puedes crearla desde aquí mismo. Sólo sigue las instrucciones que se indican.

A continuación, toca elegir el nombre y la dirección del blog. Estos no tienen por qué coincidir, pero es muy recomendable que lo hagan. A la hora de elegir la dirección, puedes seguir estos consejos que ya mencionamos a la hora de elegir un nombre de dominio. Prácticamente, todos los allí mencionados se aplican aquí (excepto el asunto del registro), pero hay algo que debes tener en cuenta en este caso: a la dirección que elijas se le añadirá el sufijo blogspot.com. Por lo tanto, procura que no sea demasiado largo.

Una vez que hayas escrito la dirección, haz clic en el enlace que dice “Comprobar la disponibilidad”. En el caso de que ya esté usada esa dirección, te aparecerá algo como esto:

Si es así, cambia la dirección y haz clic de nuevo en “Comprobar la disponibilidad”. Continúa haciéndolo hasta que te aparezca lo siguiente:

Ahí sí, ya puedes continuar con rellenando la verificación de la palabra y darle al botón “Continuar”. Pero antes de seguir, un par de consideraciones acerca de esto:

• Procura siempre que la dirección y el nombre de tu blog sean lo mismo. Si cambias lo primero, cambia también lo segundo. No es que sea indispensable, pero da buenos resultados. La gente, por regla general, memorizara el nombre de tu blog y lo asociará con con el sufijo blogspot.com. Si dirección y nombre del blog son diferentes, la cosa se dificulta.
• No te dejes llevar por la frustración. Si esa maravillosa dirección que habías elegido ya está cogida, no has cosas como añadirle un número a la dirección o introducir caracteres al azar. Sobreponte y piensa otra dirección con detenimiento.

A continuación, viene el momento de decidir el aspecto que tendrá tu blog: la plantilla.

Se le llama plantilla porque se utiliza un archivo que define toda la estética del blog sin que el contenido se vea afectado. La ventaja de las plantillas es que permiten que puedas cambiar de look en cualquier momento de manera fácil y sencilla.

Uno de los defectos de Blogger es que dispone de muy pocas plantillas y todas han sido usadas muy frecuentemente. Una vez creado el blog, lo más recomendable es que cambies de plantilla. Para hacerlo, consulta el videotutorial de Patricia Pilar, la miniguía publicada aquí o la entrada sobre Preguntas Frecuentes acerca de este tipo de plantillas. De hecho, creo que debería ser el siguiente paso que debes seguir una vez que ya dispongas de tu blog… que va a ser ya mismo:

Ya está. Eso es todo. Si le das al botón “Empezar a publicar”, te aparecerá esto:

Es la sección del escritorio de Blogger desde donde puedes escribir las entradas. Si lo deseas, puedes escribir en ese mismo momento tu primer post o dejarlo para otro momento.

Eso es todo. Desde ahora, podrás acceder a tu blog desde Blogger.com e introduciendo el nombre de usuario de tu cuenta de Google (si la has creado desde el panel que mostré antes, será una dirección de correo electrónico) y tu contraseña. Ni que decir tiene que estos datos son muy importantes y debes conservarlos si no quieres perder tu blog.

En la próxima entrega, veremos como crear un blog en WordPress.com actualizado: las partes de un blog en Blogger.

Imagen de la guía: montaje utilizando la imagen “Buried Magazine” de CarbonNYC

Entradas anteriores de esta guía:

• Qué es un blog y para qué tener uno.
• ¿Blogger o WordPress?

Muy bien, ya lo has decidido: te vas a crear un blog. Y te han hablado de dos sitios estupendos donde hacerlo: Blogger y WordPress.com. ¿Cuál elegir?

Quien es quien

Blogger es un servicio gratuito creado por PyraLabs en 1999, pero fue adquirido por Google en 2003.

Características:

• Dirección: la que tú quieras, siempre y cuando no la hayan elegido antes. Lleva el sufijo blogspot.com. Por ejemplo: http://blogandweb.blogspot.com. También es posible comprar un dominio y direccionarlo al blog que hayas creado en Blogger.
• Capacidad para almacenar archivos: sólo imágenes y nada más.
• Límite de almacenamiento: 1GB de imágenes (en realidad, las imágenes se suben a la cuenta gratuita de Picasa que tienes cuando te abres una cuenta en un servicio de Google).
• Capacidad de personalización: por sus propios medios, en cuestión de aspecto es muy limitada. Apenas ofrece unas pocas plantillas. Sin embargo, existen numerosos sitios ajenos a Blogger donde puedes conseguir una plantilla que le de a tu blog el aspecto que buscas (por ejemplo, BTemplates). Y aunque reviste un poco de dificultad, siempre puedes crear la tuya propia.

WordPress.com es un servicio gratuito creado por la empresa Automattic y emplea el CMS libre del mismo nombre, que también fue desarrollado por ellos, aunque con algunas limitaciones.

Características:

• Dirección: la que tú quieras, siempre y cuando no la hayan elegido antes. Lleva el sufijo wordpress.com. Por ejemplo: http://blogandweb.wordpress.com. También es posible comprar un dominio y direccionarlo al blog.
• Capacidad para almacenar archivos: sí, pero sólo en imágenes (jpg, jpeg, png y gif), documentos (pdf, doc, odt) y presentaciones (ppt).
• Límite de almacenamiento: 3GB en archivos de los formatos mencionados.
• Capacidad de personalización: hoy por hoy, puedes elegir entre los 70 temas o plantillas que provee el sistema. Sin embargo, no puedes añadir ninguno propio (o ajeno).

¿Cuál elegir?

Mi sugerencia es que pruebes los dos. No que escribas en los dos, sino que te abras una cuenta en ambos y compruebes por ti mismo en cual sistema te sientes más cómodo y cuál se adecua a tus necesidades u objetivos.

Ahora bien, hay algunos aspectos que creo importante resaltar de cada servicio para poder tomar la mejor decisión.

• WordPress.com no permite Javascript: éste es uno de los lenguajes de programación más usados en la web y quiere decir que hay muchas funciones de sitios externos que no podrías utilizar, entre ellas la de poner anuncios contextuales como Adsense.
• Personalizar un blog en Blogger puede requerir de una curva de aprendizaje bastante pronunciada: Blogger no tiene los límites de WordPress.com, pero meterse a cambiar aspectos de una plantilla es lo más parecido a internarse en un laberinto.
• Blogger permite usar un mayor número de widgets: los widgets son esos pequeños añadidos (a veces son hasta aplicaciones casi completas) que se han ponen en los lados del blog y que te muestran desde los últimos posts publicados hasta una mascota virtual. Blogger, aparte de tener una buena variedad de widgets, al permitir Javascript se pueden insertar otros de servicios externos.
• La personalización en WordPess.com es muy limitada: 70 plantillas las considero suficientes como para elegir, pero no es posible integrar muchos servicios de terceros (aunque sí los más populares). Sin embargo, en lo que al aspecto se refiere, muchas plantillas permiten subir una imagen de cabecera propia, lo que te ayudará a diferenciarte si eliges una plantilla muy popular.
• La interfaz de gestión del blog en WordPress es más ordenada y clara que la de Blogger: sin contar con que ofrece funciones con las que no cuenta Blogger, como un servicio de estadísticas que te permite ver cuantos visitantes has tenido, o la previsualización de temas, que te muestra como se verá tu blog antes de aplicarlo. Claro, que en Blogger puedes usar Google Analytics para las estadísticas…
• WordPress.com amplía continuamente sus funciones: aunque éstas sean limitadas, hay que admitir que Automattic está más pendiente de su servicio que Google del suyo. Aunque Blogger ofrece la posibilidad de usar Blogger in draft (un modo en el que se pueden probar funciones que están en desarrollo), lo cierto es que las novedades suelen tardan mucho en aparecer.

Conclusión

Tú tienes la decisión y, como ya he dicho, puedes abrirte cuenta en los dos para ir explorando. Si luego deseas cambiarte, puedes hacerlo sin perder nada de lo publicando, migrando tus posts de un servicio a otro (los dos poseen esa función). Ahora bien, por ofrecer algún tipo de solución al dilema de escoger entre ambos, yo personalmente suelo plantear estas preguntas:

• ¿Deseas monetarizar tu sitio de manera directa? Lo más fácil y por donde todo el mundo comienza es por Adsense. Entonces, utiliza Blogger. Pero recuerda que no es nada fácil llegar a ganar dinero con un blog: necesita de mucho esfuerzo y tiempo. No es abrirlo y contar los billetes.
• ¿Deseas dar a conocer tu contenido sin importar la monetización directa? Usa WordPress.com. Me parece mucho más claro y menos lioso. Aunque no puedas insertar publicidad contextual, recuerda que un blog puede servirte para posicionarte en el mercado y dar a conocer tus servicios.

¿Eres usuario de Blogger o WordPress.com? Deja tu opinión o recomendación en los comentarios.

Imagen: montaje utilizando la imagen “Buried Magazine” de CarbonNYC

Entrada anterior de esta guía: Qué es un blog y para qué tener uno.

Ahora, desde el blog oficial de Google, les dejo la lista de las cuentas de todos sus servicios en Twitter y separo un poco los que nos interesan, los relacionados a desarrollo web y blogging:

Blogging y Desarrollo web

twitter.com/Blogger – Cuenta de Blogger.
twitter.com/GoogleReader – Cuenta de su lector de Feeds.
twitter.com/YouTubeES – YouTube en Español.
twitter.com/AdSense – Publicidad adsense.
twitter.com/GoogleAnalytics – Estadísticas web.
twitter.com/GoogleLatAm – Google Latinoámerica.
twitter.com/GoogleWMC – Herramientas Google para Webmasters.
twitter.com/GoogleCode – API’s, herramientas y recursos técnicos.

Generales

twitter.com/Google – Cuenta central.
twitter.com/GoogleCalendar – Tips y actualizaciones.
twitter.com/GoogleImages – Noticias, tips y trucos en la búsqueda de imágenes.
twitter.com/GoogleNews – Últimos encabezados de noticias.
twitter.com/iGoogle – Noticias y notas para la página de inicio personalizada en Google.
twitter.com/GoogleStudents – Noticias de interés para estudiantes.
twitter.com/YouTube – Para YouTube fans.
twitter.com/GoogleAtWork – Soluciones para IT y productividad laboral.

Geolocalización

twitter.com/SketchUp – Noticias de Google SketchUp.
twitter.com/3DWH – SketchUp’s 3D Warehouse.
twitter.com/Modelyourtown – Modelación 3D para simular tus lugares favoritos.
twitter.com/EarthOutreach – Herramientas de Earth y Maps para ORG’s y organizaciones sin ánimo de lucro.
twitter.com/GoogleMaps – Usos, tips, mashups.
twitter.com/GoogleSkyMap -Android app para el cielo nocturno.

Publicidad

twitter.com/AdWordsHelper – Soluciones a preguntas y dificultades técnicas de AdWords.
twitter.com/AdWordsProSarah – Guía Google para el foro de ayuda de AdWords.
twitter.com/GoogleAdBuilder – Constructor de banners.
twitter.com/TechnologyUK – Para anunciantes en Reino Unido.
twitter.com/InsideAdWordsDE – Para clientes de Adwords en Alemania.
twitter.com/GoogleAgencyDE – Para agencias publicitarias alemanas.
twitter.com/AdSensePT – Para editores web (en portugués)
twitter.com/AdWordsRussia – Noticias y tips de AdWords en Rusia
twitter.com/DentroDeAdWords – Actualizaciones del blog de Adwords en español.
twitter.com/AdWordsAPI – Tips para la API de AdWords.

Desarrollo

twitter.com/GoogleResearch – Sobre investigaciones cientificas.
twitter.com/GoogleData – Documentación sobre las APIs de lectura y escritura de datos en la web.
twitter.com/app_engine – Aplicaciones web usando la infraestructura de Google.
twitter.com/DataLiberation – Iniciativa para completar la importación/exportación de toda la información.
twitter.com/GoogleMapsAPI – Acerca de incluir Google Maps en sitios web.
twitter.com/GoogleIO – El mayor evento anual de desarrolladores.

Cultura y gente

twitter.com/googletalks – notes from our @Google speaker series
twitter.com/googlejobs – the voice of Google recruiters

País o región

twitter.com/googledownunder – Actividades de Google en Australia y Nueva Zealanda.
twitter.com/GoogleDE – Google en Alemania.
twitter.com/GooglePolicyIt – Notas sobre cuestiones de política de Google en Italia.

Básicamente, para los no versados en esto de las licencias, quiere decir que podemos usar Google para localizar imágenes que tengan permiso explícito para reproducirse en otros lugares diferentes del original e incluso ser utilizadas con propósitos comerciales.

Para poder realizar la búsqueda bajo estos filtros, debemos dirigirnos a la búsqueda avanzada de imágenes. Tras escribir los términos que queremos buscar, iremos a la parte de abajo, a la sección “Derechos de uso” y elegiremos el tipo de permiso que deseamos que tengan las imágenes.

Lo cierto es que Google ha empleado unos términos un tanto confusos para definir la búsqueda. Las personas que empleen estas funciones seguramente estén familiarizados con los nombres de las licencias, por lo que podrían haber puesto algo que sea un poco más claro que las opciones que ofrece:

• No estén filtrados por licencia: es decir, que aparecerán imágenes bajo el sistema de copyright o derechos de autor común y corriente mezcladas con imágenes bajo alguna de las licencias mencionadas.
• Etiquetadas para reutilización: supongo que se refieren a imágenes que estén con una licencia Creative Commons que permita la redistribución pero no el uso comercial ni la modificación de la misma (es decir, by-nc-nd). Deduzco que aquí han de mezclarse en los resultados la imágenes bajo CC con las que estén bajo GNU FDL y en dominio público, a pesar de que éstas permiten mucho más que su redistribución.
• Etiquetadas para reutilización comercial: imagino que se refiere a aquellas imágenes bajo GNU FDL y en dominio público. En cuanto a CC, imagino que mostrará imágenes bajo licencia de atribución (reconocer al autor) y sin obras derivadas (no se puede modificar la imagen), o sea la by-nd.
• Etiquetadas para reutilización con modificaciones: de nuevo, supongo que aparecerán las que estén bajo GNU FDL y en dominio público, además de las que sean CC atribución-no comercial: by-nc, aunque también podría ser la incluye la “clausula” de compartir igual, la licencia by-nc-sa.
• Etiquetadas para reutilización comercial con modificaciones: entrán las GNU FDL, dominio público y CC atribución (by) o CC atribución-compartir igual (by-sa).

En estas opciones, Google se deja fuera un aspecto muy importante de la GNU FDL y de Creative Commons: la cesión en cadena. Es decir, la obligación que incluyen estas licencias (según el tipo) de que los trabajos derivados (aquellos modificados o incluidos en otra obra) estén bajo la misma licencia que el trabajo original. La cesión en cadena permite al propietario de la obra (en este caso, el fotografo, diseñador o dibujante) que si la obra está modificada, nadie pueda ponerla bajo el copyright o derecho de autor estándar (todos los derechos reservados). Por lo tanto, si este aspecto nos interesa, no deberemos confiar a ciegas en los resultados ofrecidos, sino fijarse bien en la licencia de cada imagen (vamos, como siempre).

Debo añadir que, como dice el título del post, la posibilidad de filtrar los resultados por licencias también se aplica a la búsqueda “normal”, la que usamos siempre. Los términos empleados varían ligeramente pero lo hacen todo incluso más confuso. En lugar de “comercial” dicen “incluso con fines comerciales”, pero en lugar de reutilización, que anteriormente usaron para decir “redistribución”, emplean “utilizar” y “compartir”, aunque en la ayuda lo que significa queda más claro que en el caso de las imágenes.

La explicación que hace Google sobre este tipo de búsquedas es muy escueta y aunque me parece una función muy interesante, creo que deberían de ser más claros acerca de qué es lo que aparece cuando seleccionas una u otra opción. O mejor, que puedas buscar por licencias concretas.

En resumidas cuentas, ¿que opción deberías seleccionar si quieres respetar las licencias coherentemente? Bueno, yo, por seguridad, me quedaría con “Etiquetadas para reutilización comercial” o “Etiquetadas para reutilización comercial con modificaciones“. Así estás seguro de que puedes hacer lo que quieras con ellas.

No soy abogado, aunque este tema de los derechos me interesa mucho y siempre he procurado documentarme al respecto. Sin embargo, lo mismo he cometido algún error. ¿Algún abogado en la sala que pueda corroborarlo?

Por cierto, en breve tengo pensado publicar un post dedicado a una explicación extensa acerca de las licencias Creative Commons, así que si te has hecho un poco de lío, espero que próximamente pueda dejarte las cosas más claras.

Page Speed

Page Speed funciona de la siguiente manera (y traduzco de su página):

Page Speed realiza varios tests en la configuración del servidor web de un sitio y en su código. Estos tests están basados en una serie de buenas prácticas para mejorar el rendimiento de una página web. Los webmaster que ejecuten Page Speed en sus páginas obtendrán una serie de puntuaciones para cada página, al igual que sugerencias útiles para mejorar su desempeño.

Usarla nos permite hacer nuestro sitio más rápido y además reducir los costes de ancho de banda del servicio de hosting que usemos.

Hagamos un pequeño repaso de como usarlo. Básicamente, lo que voy a hacer de aquí en adelante es traducir de manera libre las instrucciones que vienen en su página, usando también sus imágenes.

Primero que todo, tenemos que tener instalado Firebug. Esto es indispensable, pues Page Speed funciona con ella. Firebug es una extensión que nos permite examinar y editar código HTML, CSS y Javascript. Por sí misma, es una extensión sumamente recomendable (muy útil a la hora de editar un tema, por ejemplo) y se puede descargar aquí.

Una vez que hemos instalado Firebug y Page Speed, procedemos.

1.- Abrimos Firebug yendo a Herramientas > Firebug > Abrir Firebug.

2.- En la ventana de Firebug, vamos a la pestaña Page Speed.

3.- Entramos a la web que deseamos analizar y esperamos a que se cargue completamente. Para ello, hay que fijarse en la barra de estado, en la parte inferior del navegador. Cuando aparezca la palabra “Terminado” a la izquierda, es que se habrá cargado. Para páginas con vídeo en streaming, que no muestran el mensaje “Terminado”, esperar a que el vídeo se empiece a reproducir.

4.- Hacer clic en el botón “Analyze performance”. Cuando la página ha sido analizada, Page Speed mostrará la lista de mejores prácticas de desempeño web (ellos les llaman “reglas”) y la puntuación de la página en cada una, ordenadas según la importancia o prioridad para la página en concreto.

5.- Opcionalmente, se puede expandir cada una de las reglas para ver las sugerencias concretas de mejoramiento, hacer clic en cada una de las reglas para ver su documentación o hacer clic en el botón “Show Resources” (mostrar recursos) para ver una lista detallada de los recursos utilizados en la página. Esto último te puede servir para conocer el peso total de tu página y cuanto se transfiere al abrirla.

Para cada regla, Page Speed nos da sugerencias específicas para su mejoramiento, y le da a la página una puntuación en la que pesan varios factores. Estos incluyen el impacto potencial de la regla (basada en la experiencia de Google), la dificultad de implementación y la severidad de la variación de la página respecto a la regla. El último factor varía de acuerdo a la regla específica, pero consiste en una medida cuantitativa del “fallo” de la página a la hora de plicar la regla. Por ejemplo, puede ser un porcentaje del número total de archivos revisados.

Así es como se interpretan las puntuaciones:

Prioridad alta: estas sugerencias representan que, al ser corregidas, se obtendrá la mayor ganancia potencial de desempeño para un esfuerzo de desarrollo relativamente pequeño. Vamos, que ganaremos mucho trabajando poco. Debes solucionar estos aspectos primero.

Prioridad media: estas sugerencias pueden representar ganancias menores o más trabajo que las anteriores para implementarlas. Soluciona estos aspectos a continuación de los anteriores.

Funciona bien o prioridad baja: si estas sugerencias son acompañadas de un signo +, probablemente representan ganancias mucho menores. En el caso de que no estén acompañadas de nada, es que funcionan bien. Son las últimas que deben ser solucionadas.

Mensajes de información. Algunos de estos aspectos no se aplican a la página o hubo un problema al ejecutar el test. Si aparecen muchos mensajes de información es que probablemente has intentado correr el test antes de que la página se haya terminado de cargar.

La extensión cuenta con algunas funciones más avanzadas que no vamos a repasar aquí. Hay que resaltar que, como se ve en las imágenes, los resultados que ofrece están en inglés, por lo que si no dominas aunque sea un poco la lengua de Shakespeare, lo vas a tener un poco difícil para usarla.

En resumen, una extensión a la que le pueden sacar más partido los desarrolladores que un blogger “de a pie”. Sin embargo, estos últimos pueden usarla revisando las incidencias que Page Speed ofrece, solucionando las que tengan menos dificultad y documentándose para solucionar las mayores o que le parezcan más complicadas, de manera que al tiempo que amplíen sus conocimientos, puedan ir mejorando el rendimiento de su web. Personalmente, la he ejecutado contra uno de los blogs que tengo y… bueno, ejem… como que la cosa es mejorable y ya tengo tarea para cuando haya tiempo.

Sin duda, una extensión muy recomendable.

Web: Page Speed.

Estuve sopesando algunas alternativas sin que ninguna me convenciera del todo, hasta que cai en las garras de los tipos de siempre: sí, esos que trabajan en Mountain View. Porque sin llegar a ser espectacular, Google nos ofrece una excelente posibilidad de centralización de nuestros datos más importantes por medio de sus perfiles o “profiles”. Para poder usarlos, todo lo que necesitas es una cuenta de Google y a rodar.

Los perfiles de Google son algo que lleva existiendo ya algún tiempo, pero no ha sido hasta hace unos 15 dás que han empezado a potenciar este producto y, como se dijo en google.dirson.com, que bautizaron al producto como Google Profiles.

Para más claridad, aquí va la descripción de Google Profiles en su página de ayuda:

Un perfil de Google es sencillamente la descripción que un usuario ofrece de sí mismo a otros usuarios en los productos de Google. Los perfiles permiten que los usuarios controlen la información que proporcionan en Google y muestren a otros usuarios algunos datos adicionales sobre ellos. Mediante los perfiles de Google, puedes compartir fácilmente contenido web desde una ubicación central. Puedes incluir, por ejemplo, enlaces a tu blog, fotografías online y otros perfiles como los de Facebook, LinkedIn, etc., controlando en todo momento la información que verán los demás usuarios. En la página de tu perfil no aparecerá ninguna información privada a menos que la añadas expresamente.

Estas son las cosas que a día de hoy puedes hacer con tu perfil de Google:

• Añadir fotos desde Flickr o Picasa.
• Añadir una pequeña nota biográfica (o de lo que quieras). Por hacerse los graciosos, hay un par de campos “informales”: “Algo que no encuentro con Google” y “Mi superpoder”. Además, en la sección “Acerca de mí”, aparte de la mínima información requerida (nombre y apellidos), existen otros campos para rellenar: “Donde crecí”, “Donde vivo actualmente”, “Lugares en los que he vivido”, “A qué me dedico”, “Empresa actual”, “Empresas en las que he trabajado”, “Centro académico actual”, “Centros en los que he estudiado”. Estos campos no son obligatorios y, personalmente, pienso que con un par de cosas que detalles es más que suficiente.
• Añadir información de contacto, siempre controlando quien puede verla.
• Añadir enlaces a tus otros perfiles y sitios. Aunque hay algunos sitios predefinidos, puedes añadir cualquier URL (y éste es para mí el punto fuerte del servicio).
• Recibir mensajes sin necesidad de revelar tu cuenta de correo. Eso sí, quien te escriba deberá tener una cuenta en Google o abrírsela para contactar contigo. Para facilitar las cosas, si ya cuentas con una web donde tienes un formulario de contacto, puedes enlazarlo como una URL más para que quien quiera escribirte te contacte mejor por ese medio.
• Mostrar tu localización por medio de un mapa.
• Personalizar con tu nombre de usuario la dirección, de manera que sea http://www.google.com/profiles/tunombre. Esto puede representar un problema para la privacidad de tu dirección de correo, pues utilizará tu id de google para la dirección. Sí, así será más fácil de localizarte, pero…
• Supuestamente, al menos en inglés, tu perfil aparecerá a la hora de mostrar los resultados de una búsqueda por tu nombre. Aunque, la verdad, no me he fijado si funciona o no cuando he buscado. En español, por ahora no funciona.

Bueno, y una página de estas ¿tiene utilidad? Pues según lo veo yo, mucha. Como decía más arriba, más que como una página que permita a los demás contactar contigo, lo veo como un servicio muy útil donde centralizar todas las direcciones por las que repartimos nuestra actividad en la web sin florituras (a veces un poco engorras como el lifestream de algunos sitios). Se echa de menos un poco de personalización, como un párrafo descriptivo que vaya más allá del nombre que le pones a cada enlace o la posibilidad de no necesitar registrarse en Google para enviarte un mensaje desde el servicio.

Para crear tu perfil de Google, accede a tu cuenta de manera que se muestre una página con todos los servicios de Google desde donde podrás crearlo.