Google Developer Day 2008 – Sesiones Plenarias

Lo prometido es deuda, aquí está mi reseña del Google Developer Day 2008 efectuado hace un par de días en la Ciudad de México. Antes que nada, sobre las generalidades del evento, puedo mencionar que la organización me pareció muy buena, a pesar de que en la conferencia plenaria falló la energía eléctrica y en algunas de las pláticas falló la conexión a Internet. Algunos han mencionado que los souvenirs fueron austeros y no tuvimos helicóptero de regalo… pero para mi lo importante es la información presentada y no los regalitos; para ser un evento gratuito, le doy una calificación de 9.5 :-)

Sesión Plenaria 1: Google y el Mercado Mexicano.

Por John Farrel

Desgraciadamente no pude escuchar completa la primera sesión plenaria de John Farrel, ya que el taxi se demoró dos horas y media en llegar al Centro Banamex (benditos embotellamientos, ¡es increíble como nadie respeta los semáforos!), pero básicamente se trató del “Ecosistema de Google“, o sea, de como conviven los usuarios, desarrolladores, anunciantes, socios de acceso y el contenido en sí.

Ecosistema de Google

Así mismo, hizo énfasis en el poder de Google actualmente, mencionando cifras imponentes tales como ser la marca número uno en Internet, tener la audiencia del 84% de los usuarios totales de Internet, 4.4 billones de páginas visitadas al día, 706 millones de visitantes mensuales, buscador número uno en Estados Unidos y resto del mundo, red publicitaria número uno global con miles de anunciantes, etc.

Un detalle que se mencionó también, es el poder de que cualquier usuario de Google puede hacer uso de su sistema de AdSense para generar ganancias y así llevarse una tajada de las ganancias que Google genera a nivel mundial, lo cual antes era sólo posible para grandes empresas con el poder económico para anunciarse y ofrecer anuncios publicitarios. Por último, Farrel mencionó la importancia de los desarrolladores en el ecosistema de Google.

El Rol de los Desarrolladores

Sesión Plenaria 2: La Nube, la conectividad y el cliente.

Por Alfonso Luna

La segunda sesión plenaria tenía el título de “Un vistazo a la estrategia de nuevos productos”, aunque Alfonso Luna en su presentación denominó a dicha conferencia como “La nube, la conectividad y el cliente”. La “nube” a la que hace referencia, es la Web. En resumen, fué un brevario introductorio a todos los nuevos servicios de Google: AppEngine, GWT, Gears, Android, OpenSocial y KML. Aquí algunas diapositivas al respecto.

Google AppEngine
Google Gears
Google Android
Google OpenSocial

Es interesante la forma como Google plantea lograr incentivos económicos a través de OpenWeb: Aplicaciones Web más ricas -> Más Usuarios -> Más Uso -> Más Ingresos. A continuación se presentan algunas gráficas interesantes sobre OpenWeb y la conectividad.

Areas de Inversión de Google
Hacer que el Cliente tengas más Poder
Garantizar la Conectividad en todo Lugar


La reseña de cada una de las conferencias individuales, a continuación en los próximos posts.

Share

Google Developer Day 2008

Google Developer Day LogoComo había mencionado antes, hoy se celebró el Google Developer Day 2008 en la Ciudad de México. Definitivamente, valió la pena viajar 10 horas (+2 horas de taxi de la estación al evento uff!). Mi apreciación general del evento fué buena, y aunque esperaba conferencias más concretas de AppEngine, GWT, Gears, Android, OpenSocialKLM, al menos sirvieron para que los desarrolladores conocieran más a fondo los alcances y bondades de dichos servicios.

Como en este momento me encuentro en la estación esperando para regresarme a mi lugar de origen, no tengo mucho tiempo para contarles los detalles de las conferencias, pero en un par de días haré el relato de cada una de ellas. Obviamente no entré a todas, no puedo partirme en cuatro :-) , pero procuré entrar a las conferencias más enfocadas a desarrolladores, de las cuales si les daré los pormenores.

¿Alguien más asistió al evento? ¡Comentarios bienvenidos! :-D

Share

Compatibilidad de CSS en Clientes de Correo

Email MarketingSi eres parte del grupo de marketing de tu empresa, sabrás que un recurso muy utilizado hoy en día es el envío de correos electrónicos visualmente atractivos y dirigidos a los clientes de la empresa. Igualmente, la gran mayoría de los servicios web es común que envíen a sus usuarios newsletters o notificaciones con textos e imagenes inteligentemente distribuidas para hacerlos más atractivos.

Pues bien, este tipo de mensajes, obviamente escritos en HTML, en la mayoría de ellos usan técnicas de la “vieja escuela”, a.k.a. Web 1.0; en otras palabras, usan etiquetas obsoletas y tablas para el diseño.

¿Cómo mejorar y actualizarnos? ¡Simple! Usando Hojas de Estilo CSS. Pero hay un “pero”: debido a la gran cantidad de clientes de correo (tanto de escritorio como basados en web), cada uno de ellos trata a las hojas de estilo de manera diferente, o sea, no todos reconocen los mismos selectores, atributos y valores. Es por ello que hay que tener presente que debemos usar técnicas que sean compatibles con la mayoría de los clientes de correo, o al menos con los más populares.

Por suerte, alguien ya se tomó la molestia de hacer pruebas, y ha publicado una tabla de compatibilidad de CSS en diversos clientes de correo para escritorio (Outlook 2003 y 2007, Windows Mail, Mac Mail, Entourage 2004 y 2008, Thunderbird 1 y 2, AOL 9 y 10, AOL Mac, Lotus Notes 6 y Eudora) y en clientes de webmail (Yahoo! Mail, Gmail, Hotmail, Live Mail, AOL Web y .Mac Web).

Tabla de Compatibilidad de CSS en Emails

Los invito a descargarla, estoy seguro les será sumamente útil, incluso para sus correos personales.

Descarga: Tabla de Compatibilidad (en PDF).

Vía: WebAppers.

Share

WMD – El Editor WYSIWYM para Markdown

No, no me equivoqué, WYSIWYM significa “What You See Is What You Mean“, o sea, “Lo que ves es lo que significa“, así que no hay que confundir con WYSIWYG. Ahora bien, Markdown es un lenguaje de marcado ligero que trata de conseguir la máxima legibilidad usando sólo texto plano.

Para comprender mejor el Markdown, veamos el siguiente ejemplo:

Título Principal
================
Este es un *Texto en Cursiva* y un **Texto en Negrita**
Título Secundario
------------------
Ejemplo de lista:
- Primer elemento
- Segundo elemento
Ejemplo de [Enlace][1].
[1]: http://gespadas.com

Lo anterior, transformado a XHTML sería:


<h1>Título Principal</h1>
<p>Este es un <em>Texto en Cursiva</em> y un <strong>Texto en Negrita</strong></p>
<h2>Título Secundario</h2>
<p>Ejemplo de lista:</p>
<li>Primer elemento</li>
<li>Segundo elemento</li>
<p>Ejemplo de <a href="http://gespadas.com">Enlace</a>.</p>

¿Interesante verdad? Pues esta conversión es precisamente la que realiza WMD, ya sea que usemos directamente el demo, o bien, descargar el script para implementarlo en nuestros proyectos web.

wmd

Sin duda, una singular herramienta para tomarla en cuenta. Por cierto, es libre y gratuita, bajo una licencia MIT.

Enlace: WMD.

Vía: WebAppers.

Share

Guía de Referencia SEO

Dando seguimiento al SEO Cheat Sheet, les presento un estupendo trabajo sobre técnicas SEO, explicadas de manera clara y resumidas. Está divido en cuatro secciones: Planificación, Arquitectura, Promoción y Reportes.

[ Guía de Referencia SEO ]

Si eres Desarrollador Web, y quieres familiarizarte con el mundo SEO, esta es una estupenda opción. Se las recomiendo mucho.

Descarga: Guía de Referencia SEO en Español (PDF).

Enlace Original: Javier en VSEO.

Vía: KaBytes.

Share

Google Developer Day México: ¡Cupo Lleno!

[ Google Developer Day Logo ]A prácticamente un mes de que mencioné la llegada del Google Developer Day a México me voy enterando de que han dejado de recibir solicitudes, pues su cupo se ha llenado por completo. Si no pudiste registrarte, habrá que esperar hasta el próximo año. Si lo hiciste, y ya recibiste tu confirmación vía email, ¡ahí nos vemos! :-)

Vía: Google Latinoamérica.

Share

Fuentes Seguras para Web

Para todo diseñador web, son bien conocidos los colores seguros para web (web safe colors), pero un detalle que muchas veces dejamos pasar es el tipo de letra (fuente, font) que usamos en nuestros proyectos web. Gracias a los chicos de Font Tester tenemos al fin una lista muy completa de fuentes seguras para web (web safe fonts). Aquí las tienen, ya en formato CSS para que fácilmente hagan el típico Copy&Paste en sus hojas de estilo.

font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-family: 'Bookman Old Style', serif;
font-family: 'Comic Sans MS', cursive;
font-family: Courier, monospace;
font-family: 'Courier New', Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: 'Lucida Console', Monaco, monospace;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-family: 'MS Sans Serif', Geneva, sans-serif;
font-family: 'MS Serif', 'New York', sans-serif;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: 'Times New Roman', Times, serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, 'Zapf Dingbats', sans-serif;

Como pueden notar, todas las listas de fuentes terminan con una genérica (serif o sans-serif), para que no haya problema por si alguna de las primeras fuentes de la lista no se encuentra en el sistema del navegador cliente del usuario. Si lo desean, pueden ver una vista previa de las fuentes para una mejor elección de la fuente a utulizar.

Vía: Kabytes.

Share

CSS Cheat Sheet

Gracias al buen recibimiento de las cheat sheets (guías rápidas) de PHP y SEO anteriormente publicadas, aquí les traigo una nueva, realizada por Ateneu Popular, la cual está muy completa, con un diseño sumamente claro, y considero debe ser una referencia casi obligada para todo diseñador web.

CSS Cheat Sheet

Se las recomiendo, su peso es de 1.5 megas, en formato pdf (dentro del zip descargado se encuentra el pdf). Si el enlace dejara de funcionar, que me avisen para subirla directamente a este servidor.

Descarga: CSS Cheat Sheet.

Vía: Kabytes.

Share

Recursos para Programadores Web

Siguiendo con los post multi-noticias, aquí les dejo tres de los más recientes recursos para programadores web, espero les sean de utilidad.

Google Doctype

[ Google Doctype ]Recién lanzado, Google Doctype pretende ser la referencia obligada para todo desarrollador web, ya que es una enorme biblioteca de recursos como xhtml, css, javascript, DOM, etc, todo escrito por desarrolladores, para desarrolladores. Obvio, es OpenSource, bajo licencia Creative Commons, y abierto a todo el público para contribuir con aportes, a la manera wiki. Enlace: Google Doctype. Vía: Google Code Blog.

Yahoo! SearchMonkey

[ Yahoo! SearchMonkey ]Yahoo! no se detiene, pues acaba de abrir al público su plataforma de desarrollo web SearchMonkey; el objetivo, es que los programadores y desarrolladores hagan uso de microformatos y estándares de la web semántica, dándoles la infraestructura necesaria para construir sus propias aplicaciones. Enlace: SearchMonkey. Vía: Y! DevBlog.

Video Tutoriales de JavaScript

Si quieres aprender JavaScript, o bien, pretendes volverte experto en este lenguaje, aquí les dejo unos video tutoriales de Douglas Crockford, uno de los gurús de JavaScript del mismísimo Yahoo!. Vía: Catonmat.

  • JavaScript Básico: I, II, III, IV.
  • JavaScript Avanzado: I, II, III.

Share

SEO Cheat Sheet

Apenas ayer hablaba del PHP Cheat Sheet, y hoy me encuentro con otra guía rápida, la cual me pareció más que excelente e indispensable para todo desarrollador web: SEO Cheat Sheet. ¿Qué significa SEO? Search Engine Optimization, o sea, Optimización para Motores de Búsqueda… y en términos sencillos, SEO se refiere a un conjunto de técnicas para que nuestras páginas web sean bien posicionadas en los buscadores, como Google.

[ SEO Cheat Sheet ]

En esta guía rápida (cheat sheet) encontrarán tips de diversos tipos, y para muestra un botón, como los que observamos en la imagen superior, donde podemos darnos cuenta de la importancia que tiene el incluir palabras clave (keywords) en las etiquetas <strong>, <a>, <img>, <title>, etc, así como la correcta utilización de las etiquetas de títulos <h1>, <h2>, etc.

Enlaces:

Vía: WebAppers.

Share