BustAName:

Es un servicio en línea, para buscar o para generar nombres de dominio. Puedes introducir las palabras que quieres incluir, para que te diga las combinaciones posibles con dichas palabras, dentro de los dominios disponibles.

De lo contrario, puedes introducir directamente, el nombre de dominio que te interesa y te dirá si está libre para dominios .com, .net y .org. Esta herramienta funciona con tecnología Ajax, por lo que es muy rápida y fácil de usar.

Por si quedara alguna duda, además de las clásicas FAQ, ofrece un tutorial en video sobre su uso. Requiere tener instalado Internet Explorer 6.x o 7.x, Firefox 2.x, Opera 9.x o Safari 2.x.

Tienes la posibilidad de adquirir el dominio que elijas a través de GoDaddy, Omnis, Dotster, MyDomain y Nertwork Solutions, entre otros. Además, si necesitas contratar un hosting, te vincula con Hostseachr, dónde encontrarás información sobre los diferentes proveedores y planes de hosting. Tanto Hostseachr como BustAName son creación y propiedad de Ryan Stout.

Domain Lookup:

Es una extensión para Firefox, compatible con Firefox 2.0 o superior, creada por Richard Kershaw, que puede constituir una buena opción para buscar y generar nombres de dominio, si éste es tu navegador habitual. Necesitas tener instalado como sistema operativo, Windows XP, Vista o Mac OS X.

Su funcionamiento es muy simple. Una vez instalada esta extensión, si una frase llama tu atención, mientras navegas, y quieres saber si el nombre de dominio está disponible, sólo tienes que seleccionar el texto y pulsar las teclas CTRL+SHIFT+D, por defecto.

Domain Lookup se encarga de eliminar los espacios del texto y otros caracteres no permitidos y realiza la búsqueda del dominio correspondiente. Los resultados te informan, no sólo las extensiones del dominio disponibles, sino además su costo, en el proveedor de registros, que hayas seleccionado como favorito, en la configuración de la extensión.

Hasta el momento trabaja con 1 & 1, 123reg, DirectNic, DomainDiscover, Dotster, eNom, Fabulous, GoDadd, Melbourne IT, Moniker, Register.com, NameCheap, NameScout, Network Solutions, UKReg y UK2 para dominios .com, .org, .net, .info, .biz, .us, .co.uk, .org.uk, .fr, .jp, .de, .ca, .au, .ie y .ro.

Domain Suggestions:

Es la herramienta de DomainTools, para generar una lista de sugerencias relacionadas con los términos introducidos o el nombre de dominio que te interesa y conocer su disponibilidad.

La tecnología semántica que utilizan les permite generar, según declaran, hasta 100 nombres de dominios. A decir verdad, sólo proporcionan 20, que no dejan dudas sobre el tipo de tecnología utilizada e informan sobre su disponibilidad para dominios .com, .net, .org, .info, .biz y .us.

Sin embargo, si te interesan los restantes, puedes acceder previo registro. El registro es rápido y gratuito pero sólo por 10 días y para hacer uso de los servicios adicionales, requiere verificación previa, mediante tarjeta de crédito o registro de cuenta en PayPal.

Además, ofrecen mientras se espera el registro que, de hecho es prácticamente automático, descargar un software gratuito para Windows de 401 KB, que permite buscar en los registros de DomainTools.

Domain Hackers:

Es una herramienta que ofrece una búsqueda diferente de nombres de dominios, basada como su nombre lo indica, en un uso no convencional de la estructura de dominio, proceso al que Matthew Doucette de Xona.com, denominó en 2004 como domain hack.

Un domain hack permite que en el nombre de dominio se combinen las partes TLD (el código del país) y el SLD (el nombre propiamente dicho) con un sólo sentido, para componer el nombre completo del dominio. Los ejemplos clásicos de este tipo de dominios son del.icio.us y go.to, entre otros.

Es una utilidad especial que fue creada en la necesidad de acortar y, al mismo tiempo, poder competir con un nombre apropiado, dentro del mundo de los dominios, que han crecido de forma tan vertiginosa.

Además brinda información sobre todos los TLD existentes y la cantidad de dominios que terminan con cada uno de ellos. Te permite contemplar otra posibilidad, a la hora de elegir tu nombre de dominio.

Instant Domain Search:

Es una herramienta que permite saber si un nombre está libre o no, para dominios .com, .net y .org. No genera sugerencias alternativas pero si ofrece varias opciones para continuar.

En caso de estar disponible informa el precio y vincula con los siguientes proveedores de servicios de registro: GoDaddy, 1 & 1, Yahoo, Register.com y Network Solutions.

En caso de no estar disponible, deja habilitadas las siguientes opciones: Sugerencias: envía a GoDaddy para adquirir un dominio alternativo con otra terminación, Adquirir dominio: envía a Sedo, ya que el dominio aunque no esté libre, puede estar en desuso en manos de un revendedor.

Además, ofrece un vínculo con la sección Whois de DomainTools, claro que si no estás registrado no podrás acceder a ninguna información. Por otra parte, te dirige a los resultados en Domain Hacks, para que pruebes con dicha opción. Por último, te vincula a Alexa para que conozcas el tráfico del sitio, en caso de que exista y si es así, también al mismo, para que lo visites.

DomainsBot:

Una herramienta en línea que genera una gran cantidad de nombres de dominios posibles, a partir de una palabra o frase, y te informa sobre la disponibilidad de los mismos.

Además, te indica cuáles están a punto de expirar o han expirado recientemente y cuáles están en manos de revendedores y disponibles para la compra.

La búsqueda avanzada te permite configurar el tipo de extensiones que te interesan y otros parámetros, tales como la inclusión o no de determinados caracteres, la cantidad máxima de palabras claves y la cantidad máxima de caracteres, el estado en que se encuentran: disponibles, en venta o próximos a expirar y si deseas o no habilitar los sinónimos.

Sólo tienes que rellenar el campo con la palabra, frase o nombre de dominio que buscas, configurar tus preferencias y pulsar sobre el botón de búsqueda. Por otra parte, es un sistema que se retroalimenta con las búsquedas de los usuarios, por lo que está en constante crecimiento.

Si conoces más opciones, no dudes en compartirlas con nosotros en tus comentarios para agregarlas a está lista. ¿Has utilizado alguna de estás opciones?

Al seleccionar imágenes para tus trabajos, debes preferir imágenes con licencias Creative Commons. A continuación, encontrarás una selección de los mejores recursos, para buscar imágenes realmente libres en la web.

Wikimedia Commons:

Es un depósito multimedia creado y mantenido por voluntarios, que fue lanzado en setiembre de 2004, con el objetivo de servir como almacén de archivos de imágenes y otros formatos multimedia, para el resto de los proyectos de la Fundación.

Todos los archivos que encuentres, han sido liberados bajo licencias libres como la GFDL, Creative Commons “Attribution” y “ShareAlike” (Reconocimiento y Compartir igual) o en el Dominio Público, ya que no permite licencias que no sean libres, ni licencias libres de Creative Commons, que no permitan el uso comercial o la creación de obras derivadas. Su contenido es compartido por todos los proyectos de Wikimedia, en los diferentes idiomas.

Flickr:

Es una aplicación que sirve a sus usuarios para administrar y compartir fotos o videos en línea y a los visitantes para acceder a ellos. Cabe señalar que no todas las imágenes de Flickr pueden ser utilizadas libremente.

Sin embargo, la búsqueda avanzada te permite seleccionar sólo aquellas imágenes con licencia Creative Commons, que pueden ser empleadas, haciendo la correspondiente atribución. Para registrarse y poder subir imágenes para compartir, es necesario tener una cuenta en Yahoo, no así para tener acceso a las imágenes.

Compfight:

Es un sitio que permite buscar en Flickr, mejor que el propio Flickr. Al menos, es muchísimo más rápido. Utiliza la tecnología de Flickr, devolviendo 250 resultados por página y con la posibilidad de buscar con determinados filtros, que te permitirán encontrar, por ejemplo, sólo imágenes con licencia Creative Commons o, específicamente, imágenes para uso comercial.

Flickr Related Tag Browser:

Es un suplemento interactivo, que puede ser útil para la búsqueda en Flickr. Te permite buscar fotos por etiquetas, pero la diferencia es que te muestra etiquetas relacionadas. Si tienes prisa en encontrar las imágenes que necesitas, puede ayudarte a definir más acotadamente la búsqueda, para que sólo tengas que revisar un número razonable de fotos disponibles.

Everystockphoto:

Es un motor de búsqueda de fotos, que integra la búsqueda en muchas fuentes y especifica el tipo de licencias de las mismas. Fue lanzado en abril de 2006, es propiedad de Vibrant Software, de Vancouver, Canadá y aspira a convertirse en uno de los principales portales para la comunidad fotográfica.

El registro es libre y te permite clasificar, etiquetar, recoger y comentar las fotos. Si tienes instalado Firefox, Everystockphoto puede ser agregado a la barra de búsquedas del navegador. Además, en su sección de Ayuda, te ilustra sobre los diferentes tipos de licencias, para que no tengas dudas en cuanto al uso que puedes dar, a las imágenes que encuentres. En inglés.

Fotolibre:

Es el Almacén de Fotografías libres de Fotolibre.net, que fue creado con el propósito de contribuir a la difusión del Copyleft frente al Copyright y que puede ser utilizado tanto por particulares, para sus propios proyectos o aprendizaje, como para proyectos colectivos.

Dispone de un sistema de galerías donde se pueden colgar fotos organizadas en albumes, sin ningún tipo de publicidad y sin más requerimientos que el de publicarlas bajo la licencia libre de Creative Commons. Este Almacén de fotografías está en español y si bien no es de los mayores depósitos de imágenes, tiene algunas de excelente calidad.

FreeFoto:

Se autodefine como la colección más grande de fotografías libres en Internet. Es un sitio de fácil navegación, que ofrece imágenes libres para el uso en línea, con la posibilidad de comprar versiones de mejor calidad.

Los usuarios pueden además, descargar las imágenes en el tamaño de la web para utilizar offline en proyectos de la escuela, tarjetas, etc. De forma libre, siempre y cuando no sea para uso comercial. Posee muchas categorías. con imágenes de uso libre e irrestricto siempre y cuando se establezca el vínculo correspondiente. Muchas de estas imágenes libres, no pueden ser modificadas.

Public Domain Pictures:

Es un depósito de fotos de dominio público, libres para el uso comercial y personal. Posee muchas categorías y muy buenas imágenes. Sugieren establecer un link con el sitio, al utilizar alguna imagen del mismo, aunque no es obligatorio. Por otra parte, recomiendan ser cuidadosos en el uso comercial de estas imágenes.

Openphoto:

Es un sitio wiki de fotografía, en el que cualquier persona puede subir imágenes. Todas las imágenes en el sitio están bajo licencia Creative Commons (Reconocimiento -Compartir igual, por defecto).

Como usuario, puedes buscar por las etiquetas, para encontrar las fotos que necesitas. Cada imagen especifica claramente, la información requerida para la atribución. Sin embargo, cabe señalar que el motor de búsqueda de este sitio, también devuelve resultados alojados en Dreamstime, que en general no son libres.

Stockvault:

Similar a Openphoto, es un sitio de imágenes libres, sólo para el uso no comercial. Puedes buscar por categoría o a través del buscador, que como en el caso anterior, también incluye imágenes de Dreamstime en los resultados.

Stock.XCHNG:

Fue diseñado y desarrollado por Peter Hamza, a partir de un concepto original de Peter Gorgenyi y del mismo Hamza, con la idea de crear un sitio, en donde la gente creativa pudiera intercambiar sus fotos, para la inspiración o el trabajo.

Lanzado en febrero de 2001, en dos años, alcanzaron 1.500.000 usuarios registrados y más de 350.000 fotos en línea. Puedes buscar por categoría o por palabra clave. El acuerdo de licencia por defecto es muy amplio y la mayoría de las imágenes pueden ser reutilizadas, sin embargo debes leer muy bien la licencia y en caso de duda comunicarte con su autor. Como usuario registrado, podrás acceder a centenares de miles de imágenes de alta calidad, de fotos y de gráficos libre, rápida y fácilmente.

FreePhotos.se:

Es un sitio que comparte fotos de colecciones personales, liberadas para cualquier uso, ya que todas han sido cedidas al dominio público. Las licencias están claramente especificadas, por lo que no tendrás inconveniente en emplear estas imágenes, que si bien no son profesionales, algunas son de muy buena calidad. Puedes buscar por alguna de sus categorías o a través de su buscador.

La razón por la que hacen esto es debido a que a menor contenido para hospedar en sus servidores, menos carga tendrán y mientras más contenido puedan almacenar cerca del usuario, más rápida será la descarga. El CDN más famoso es probablemente Akamai, quienes casi que corren su propia internet paralela. Akamai y otros proveedores de CDN cuestan mucho dinero, así que no son para nosotros los mortales.

Pero gracias a Google, cualquier persona puede correr su propio CDN de forma gratuita en los servidores de Google. Es realmente fácil de configurar y guardar archivos para descargas, hojas de estilos, etc. En Google en lugar de tu propio sitio, además que toma la carga fuera de los servidores (y por lo tanto consume menos ancho de banda en tu cuenta de hosting) aumentando la velocidad para los usuarios finales.

Es una situación ganar-ganar y además es realmente bueno! Si estás interesado en más información sobre como obtener un desempeño máximo para tu sitio web, te recomiendo que leas este excelente post Despeño por unos centavos en 24ways.

¿Qué es el Google App Engine?

Utilizando el Google App Engine, puedes ejecutar aplicaciones web en los servidores de Google. Esto significa que puedes beneficiarte de la gigante granja de servidores de Google y también significa que es muy fácil escalar e integrar con otras aplicaciones de Google (por ejemplo, utilizar la autenticación de Google para tus aplicaciones).

Actualmente debes escribir tus aplicaciones en Python (no te preocupes: no hace falta codificar para nada si utilizarás Google App Engine como CDN, sigue leyendo), pero esperamos que pronto se expandan a otros lenguajes (personalmente yo quisiera correr PHP y CodeIgniter en Google App Engine!).

El App Engine es la respuesta de Google a los muy exitosos servicios de Amazon S3 (para almacenamiento) y EC2 (para ejecución). Los servicios de Amazon son muy poderosos, pero requieren un nivel de conocimiento técnico más profundo para utilizar que con Google App Engine.

Actualmente Google App Engine es un Preview Release (=beta), pero es gratuito para cualquier persona para registrarse, todo lo que necesitas es una cuenta de Google y un número celular (más sobre esto luego, en particular si no cuentas con un número de Estados Unidos). Lo que obtienes son 500mbs de almacenamiento gratuito y alrededor de 5 millones de páginas vistas gratis al mes.

Si usas más hay un costo bajo (mira el Google App Engine blog para más detalles). El costo para estos recursos extras es casi el mismo que el de Amazon Web Services, y con lo que ya ofrecen gratis y la facilidad de uso que tiene Google App Engine es una ganga.

Cómo configurar tu propio CDN

Para utilizar Google App Engine como tu propio CDN personal necesitas instalar algunas cosas en tu computadora y editar unos archivos de configuración. Todo este trabajo se realiza una sola vez y luego lo que necesitas es correr un simple programa para subir los archivos a Google.

Siento decir que estos scripts que debes bajar son para Windows únicamente, si estás en Mac o usando Linux entonces tendrás que hacer tu propio script que realice las acciones que tiene deploy_digitalistic_cdn.bat (y si lo haces por favor agrega un comentario a esta nota para que todos lo podamos usar).

1. Ya que el motor de Google App solo funciona con el lenguaje de programación Python, necesitas descargar e instalar Python en tu computadora. Si estas corriendo Mac o Linux, es muy probable que ya cuentes con Python instalado, así que puedes saltar este paso.

Descarga el archivo correcto de instalación para tu sistema operativo para Python 2.5.2 de http://www.python.org/download/ e instala. Usa la configuración por default, excepto instalarlo bajo “Archivos de Programa” en lugar de directamente en el disco C (O instalarlo donde quieras, pero luego tendrás que asegurarte de modificar los scripts a continuación.

2. Descarga el SDK del motor de Google APP desde http://code.google.com/appengine/downloads.html e instalo. Durante la instalación del SDK va a revisar que tengas instalado Python o no, así que si tienes algún problema con la instalación de Python lo sabras en este paso. El Google App Engine SDK es necesario para escribir y subir aplicaciones a Google. Solo utiliza las opciones ya establecidas cuando instales el SDK.

3. Regístrate para el Google App Engine en appengine.google.com. Para esto crear una cuenta de Google (tu dirección de Gmail por ejemplo y si no tienes es gratis crear una).

4. Una vez que hayas ingresado al servicio, crear una aplicación, así que pulsa el botón de “Create an application” y dale a la aplicación un nombre (llamado “application identifier”). Este nombre tiene que ser único dentro de todas las aplicaciones de usuarios, así que puedes tardar un rato en encontrar un nombre único. En mi caso utilicé “digitalisticcdn”.

Guarda la nueva aplicación. Luego de que hayas creado esta primera aplicación, necesitas especificar tu número de teléfono. Google te enviará un mensaje de texto SMS con un código para ingresar al sitio. Esto confirma que eres el dueño de la cuenta de Google App Engine (así que no la uses para enviar spam).

Nota importante para usuarios en Latinoamérica: No se aceptarán números locales, por lo que recomendamos utilizar un servicio como SkypeIn que permite obtener un número de teléfono en Estados Unidos para así tener un número que pueda recibir el mensaje de texto y validar la cuenta.

5. Descarga el archivo http://digitalisticcdn.appspot.com/files/digitalisticcdn.zip (alojado en mi CDN privado!) y descomprímelo en tu disco duro. Si quieres puedes cambiarle el nombre del directorio de “digitalisticcdn” al nombre que quieras, por ejemplo el de tu propia aplicación. No importa realmente y solo te facilita el mantener un registro para el futuro.

6. Utiliza un editor de texto para editar el archivo app.yaml que se encuentra en el directorio de digitalisticcdn. Cambia “application:digitalisticcdn” a “application:el identificador de tu aplicación” y guarda el archivo. Esto le dirá a Google App Engine que aplicación debe utilizar para cargar archivos.

7. Ahora es tiempo de agregar todas las imágenes, hojas de estilo, archivos, vídeos, etc. que quieras subir a Googleen los folders de digitalisticcdn. Incluye las imágenes en el folder /images, etc. Puedes crear cualquier número de subfolders dentro de imágenes, archivos, hojas de estilo, etc. (Por ejemplo /images/webhostninja.com/ninja.gif). Puedes agregar más archivos en cualquier momento, así que si sólo quieres configurar la aplicación para que funcione puedes saltar este paso. Ya existe una imagen en el folder de /images para que puedas comprobar que está funcionando como debería.

8. Descarga http://digitalisticcdn.appspot.com/files/deploy_digitalistic_cdn.bat y edítalo con un editor de texto. Este archivo debe apuntar a tu instalación de Python, tu instalación de Google App Engine y tu directorio digitalisticcdn. Si has instalado Google App Engine SDK en el directorio original y Python en C:/Program Files/ entonces no tienes que preocuparte por esta configuración. Solo cambia la última parte del archivo para apuntarlo a tu directorio de digitalisticcdn. Ten en cuenta que todas las rutas que tienen espacios tienen que estar encerradas entre comillas.

9. Doble click en el archivo recientemente actualizado deploy_digitalist_cdn.bat para subir todos los archivos dentro del directorio digitalisticcdn hacia Google. La primera vez que hagas esto deberás especificar tu usuario y password de Google.

10. Ahora ya tienes tu propio CDN privado! Ve a (nombre de aplicacion).appspot.com/images/ninja.gif (en mi caso digitalisticcdn.appspot.com/images/ninja.gif) para ver si funciona.

Cómo utilizar tu propio CDN privado

Para usar los archivos que has subido a tu CDN de Google App Engine solo tienes que utilizar el URL hacia el archivo en tu sitio. Si quieres utilizar la imagen de un cool ninja de WebHostNinjna.com deberías utilizar únicamente digitalisticcdn.appspot.com/images/ninja.gif como el IMG source en tu códigmo HTML. Lo mismo para hojas de estilo, archivos para descargar o cualquier otra cosa que quieras compartir en tu CDN.

En cualquier momento puedes agregar nuevos archivos a tu subdirectorio digitalisticcdn (/images, /stylesheets, etc.) y correr el deploy_digitalistic_cdn.bat para subirlos a Google. Si remueves archivos de tu directorio y luego lo ejecutas, estos serán eliminados de tu aplicación en Google.

Puedes revisar las estadísticas de tu aplicación en Google en appengine.google.com/. Por ejemplo, tu puedes ver cuanto ancho de banda y espacio en disco estás utilizando. Tomará muchos archivos y utilización para que te pases de los recursos que tienes gratuitamente, pero si tienes un sitio súper popular será importante revisar ocasionalmente.

Este artículo fue escrito originalmente en inglés y traducido con permiso del autor al español por Christian Van Der Henst S.

Chile es un mercado que crece saludablemente en usuarios conectados a Internet y que lidera en Latinoamérica en penetración de población conectada. Hay 7.4 millones de usuarios (un 45% de la población) según me enteraba en Digital Marketing, quienes recientemente analizaron también este país, lectura que recomiendo.

Proyectos nuevos y buenos

Me animo hacer un recuento breve de algunos proyectos que llamaron mi atención, con algunos detalles que he notado y sugerencias donde corresponda:

• Web 2.0 Rockstars, una inicitiava que viene a reforzar el proyecto de Needish y que está invitando a los desarrolladores a trabajar sobre el API de este proyecto obsequiando un par de laptops MacBook Air. Muy buena convocatoria sin duda, dan ganas de apuntarse.
• Needish, que ya tiene presencia en Sillicon Valley y está buscando generar un servicio para publicar necesidades donde las empresas serán las que oferten los servicios contestando a estas necesidades. El equipo se está moviendo muchísimo y ese empuje inspira.
• Loudwords, del que hablamos en Amigo mensajero, proyecto que quiere aprovechar el messenger y el status para generar espacios publicitarios y remunerar a los usuarios. La idea es bastante buena y lo que les falta es mejorar la imagen y el sitio web para vender mejor el servicio.
• Bligoo, una plataforma de weblogs que tiene muchísimo cuidado en los detalles en su panel administrativo y gran variedad de funcionalides. Una propuesta bastante competitiva y que tiene que aprovechar todas esas funcionalidades extras tan bien trabajadas para posicionarse mejor en el mercado internacional.
• Zimio, un sistema de clasificados en donde se han cuidado bastante los detalles de diseño. Lo que siempre me llamó la atención de este proyecto es como Leo Prieto para promocionarlo arrancó con Fayerwayer, blog que se ha ido consolidando entre los más grandes en latinoamérica.
• Gaaper, un proyecto enfocado a inversionistas y el mercado financiero. Un target muy bien definido y que vale muchísimo. Tenemos que seguirles los pasos con sus esfuerzos de difusión del servicio. Es una iniciativa del equipo de Webprendedor.
• Tugar, un sistema para buscar alquileres en Santiago, muy bien aprovechada la integración con Google Maps. De momento estamos esperando a la nueva versión.

Sitios Chilenos con gran proyección al mercado hispano

Cuando leemos proyectos como Fayerwayer o CHW (antes Chile Hardware) nos encontramos algunas veces con referencias locales al mercado chileno. Sin embargo, cada día más estos proyectos se consumen de forma incremental en países de habla hispana y estamos atentos, incluso aprendiendo de aquella cultura.

Creo que hay mucha curiosidad por aquel país y esto está ayudando también al crecimiento. Me llama mucho la atención el cambio de nombre de Chile Hardware para asegurarse una mejor cobertura internacional (aparte que el dominio de 3 letras queda lindo). También se puede mencionar el caso de ChileWarez que tiene gran uso internacional a pesar que el proyecto también busco inicialmente un nicho local.

Chilenos en la escena web internacional

Uno de los puntos más importantes a destacar de los Chilenos es la movilidad que están teniendo para participar en eventos y difundir sus proyectos.

De esta mano hay que mencionar la buena iniciativa de Webprendedor donde se ha gestionado un evento muy interesante tanto en Santiago como en Concepción. Y que no nos extrañe si llega a más rincones de Chile o colabora con otros proyectos fuera del país.

Pero más que el evento, están sirviendo realmente de núcleo para mover gente fuera de Chile a presentar proyectos. Este año conocí a varios de estos personajes en el FOWA de Miami y también en el Web 2.0 expo de San Francisco. Me alegró saber que estarán presentes en Nueva York y Tokio en futuros eventos. Van en grupo y quieren lanzar sus proyectos globalmente. Te llena de orgullo saber que están trabajando en bloque y creando este saludable ecosistema de emprendimiento y apoyo.

Gobierno Electrónico

Ya en el 2005 hablábamos del gobierno electrónico de Chile como el más avanzado en Latinoamérica. Los comentarios destacaron esa envidia latinoamericana que evita que aprendamos y sigamos los buenos ejemplos. Busque una actualización del reporte (hay del 2007 pero solo encontré datos públicos del 2006) donde habían descendido posiciones globalmente, pero se mantenían como líderes de la región.

Se ha leído mucho en estos días del lanzamiento de la segunda versión de la Guía Web para el desarrollo de sitios web del Gobierno. En la guía ya se deja clara la importancia de la separación de contenidos y diseño, así como de usabilidad. Lo comentan en Inconciente Colectivo recordando que hay varios sitios con maquetación en tablas que deberán ajustarse a esta normativa.

Como estoy seguro que me quedaré corto en este post hablando de los proyectos web actuales en Chile, quiero invitarlos a que me cuenten un poco más de otros proyectos e iniciativas interesantes que conozcan en el área. Yo dejo esta primera recopilación para arrancar la discusión.

También aprovechar a recordar algunas entrevistas que hicimos a algunos personajes de la escena local en Chile: Juan Francisco Diez, Nicolas Orellana, Leo Prieto y Luis Alarcón (se desempeña en Perú, pero es de nacionalidad Chilena). ¿A quién más deberíamos de invitar a una Semblanza?

Gráfica tomada de jorgedominguez.cl

Ismael Briasco es un emprendedor que inicia en el mundo de internet por curiosidad montando el proyecto que hoy es una empresa con más de 10 personas dedicados a tiempo completo en él.

En cuanto a su formación académica al terminar la secundaria inició una ingeniería en Sistemas en la UTN al tercer año decide abandonar la carrera y empezó a trabajar en varias empresas de tecnología:

Volví a retomar la misma carrera en otra Universidad, pero la realidad es que lo que veía en la Facultad y lo que estaba aprendiendo en mi ámbito laborar, existía una brecha muy grande.

Ismael consideraba necesario dedicarle mucho tiempo a la capacitación específica a través de cursos y temas técnicos que la Facultad no le daba por lo que decidió abandonarla. Hoy no siente la necesidad de tener un título, pero admite que:

De haber terminado la carrera o profesionalizarme más en un ámbito académico me permitiría hoy tener otra visión. Hubiera montado la empresa antes por los conocimientos que hoy tuve que aprender a golpes.

En el año 2000 Ismael trabajaba en una empresa .com estaba en plena época de la burbuja de internet y en sus ratos libres monta el sitio Psicoxp que en ese momento tenía otro nombre:

Decidí montarlo para probar ya que muchos amigos armaban sus sitios web y me dije por qué no tenerlo aunque sea para jugar, eso me despertó la curiosidad por el mundo de internet que hasta ese momento no tenía.

Antes de ser emprendedor Ismael Briasco trabajó 14 años en el ámbito corporativo, pasó por empresas como Hewlett Packard, Banco Itaú, Telefónica entre otras:

Mi comienzo en la industria de internet fue casi accidental, inició como hobby en el 2000, hoy se convirtió en una de las comunidades más grandes de habla hispana.

Su proyecto como ya lo ha mencionando es Psicofxp y considera que parte del éxito que actualmente experimentan se debe a:

Enfocarnos en un sólo proyecto y desarrollarlo comercialmente. Psicofxp es una comunidad en línea con más de 850 mil usuarios registrados.

Actualmente Psicofxp ha logrado un posicionamiento significativo como una de las comunidades en línea con más tráfico en Latinoamérica con más de 6 millones de usuarios únicos por mes:

El desafío para el futuro es llevar la comunidad a un concepto más 2.0 y proveer de herramientas para la interacción entre los usuarios.

Psicofxp cuenta con varias secciones además de los foros también se puede encontrar una galería de fotos, tienen un gran comunidad de usuarios de mascotas, foro de salidas, comunidad de motos:

Tenemos una sección de artículos editoriales redactados por gente propia que están basados en temáticas que sabemos que a la comunidad les interesa mucho.

Según Ismael, Psicofxp viene de un modelo de comunidad que no se separa del todo de las redes sociales y las comunidades 2.0. El concepto de compartir, generar relaciones existe desde hace mucho tiempo, los foros fueron un poco los precursores de eso y Psicofxp a futuro busca una trasformación:

Pretendemos trasformarlo en una comunidad que proporcione herramientas sociales que permitan interacción entre los usuarios fuera de lo que son los foros de discusión.

Ismael se considera un consumidor muy particular de internet ya que no utiliza demasiados sitios y tiene herramientas establecidas de trabajo:

El uso mayor que le doy es a Google Apps, tengo montado toda la estructura interna de la empresa ahi, he migrado todos los documentos de la empresa a Google Docs. Trato de focalizarme en el negocio o proyecto y evito distraerme con lecturas que no aporten.

Además, este emprendedor es el organizador de algunos eventos offline muy conocidos como BarCamp Buenos Aires y StartMeUp Argentina:

BarCamp es una especie de Anti-conferencia donde no existe una agenda de charlas predefinida sino que se define el mismo dia del evento y por los mismos participantes.

El espíritu del evento no tiene una estructura establecida pero tiene un fin bien definido:

El fin es compartir conocimientos y generar networking.

Y Finalmente a nivel ecosistema de Argentina Ismael opina sobre el interesante levantamiento del sistema de emprendedores, proyectos argentinos que surgen y están haciendo mucho ruido:

Es increíble como está renaciendo Argentina, en el año 2001 en toda Latinoamérica habían aproximadamente unos 600 emprendimientos web en pleno momento de la burbuja y 300 eran argentinos.

A partir del año pasado, empezó a renacer el espíritu emprendedor a pesar de la crisis económica de Argentina y el problema de la burbuja de internet:

Se ve un reflote interesante y gente capaz. La mayor traba creo yo que están encontrando es cómo monetizar esos proyectos, creo que allí se comete el mayor error.

Ismael considera que proyectos hay en Argentina, gente capaz pero hace falta encontrar un modelo de negocio:

Está el modelo de negocio “fácil”, teniendo tráfico pero no es fácil lograrlo. Lo que falta es gente con creatividad para encontrar modelos de negocios, pero es claro que es cuestión de tiempo.

El emprendedor afirma que cuantos más eventos surjan, cuantas más reuniones hayan en ese ecosistema eso ayudará a que nazcan más ideas y se empiecen ayudar entre todos los emprendores aportando ideas innovadoras.

Foto autor: tomada de inzearch

Conozco muchas personas que trabajan hasta altas hora de la madrugada e incluso hay quienes ven el amanecer, deciden dormir un par de horas en la mañana, se despiertan para comer un poco y seguir trabajando hasta la madrugada nuevamente.

El tema es polémico, hay quienes consideran que la inspiración la logran en la noche o madrugada y pueden seguir trabajando sin problema, para otros dormir es importante para rendir mejor, por ello el objetivo de este artículo es presentar varios puntos de vista y algunos tips para mantenernos despiertos cuando no hay alternativa.

Quien no se desvela no es geek!

La dinámica en el teletrabajo ha modificado la cultura de laborar, debido a que no se tiene un horario establecido de trabajo y con la posibilidad de está modalidad hay quienes se mantienen conectados todo el día por cualquier cambios necesario y está disposición se vuelve un valor añadido del profesional.

El desvelarse también representa una ventaja en cuanto a tener acceso a la información primero, ya que mientras otros duermen quien se desvela ya está enterado de lo que pasará mañana en el sector al cual se dedica, debido a la diferencia de horarios y medios.

Hay quienes aseguran que quien no se desvela trabajando no es geek, es decir quien no trabaja hasta altas horas de la noche no está comprometido con lo que hace, pareciera que es un reto personal y también colectivo pero hasta qué punto esto hace daño al cerebro y al rendimiento en el trabajo.

La sociedad de la información las 24/7

Todos sabemos que la información que actualmente se genera en un día no es la misma que se generaba hace 10 años, el Dr. Neil Stanley señala que con la sociedad 24/7 y la sobrecarga de información necesitamos dormir bien más que nunca para que nuestro cerebro logre procesar la información a la que nos exponemos.

Sin embargo hay profesionales que han trabajado desvelándose por años, ha este fenómeno nos enfrentamos actualmente con los diseñadores, desarrolladores, publicistas, comunicadores y demás profesiones que requieren de productividad y trabajo las 24/7 porque en el ritmo actual se hace necesario.

Por otro lado, en el artículo The need for sleep se cita al Dr.Medina quien señala en su libro Brain Rules que el sueño no es realmente para descansar el cerebro en el típico sentido de la palabra porque el cerebro en realidad sigue siendo muy activo durante la noche mientras dormimos, pero en ese momento se procesa toda la información recibida durante el día.

Dormir bien: aprendizaje, inspiración y buena memoria

Si prestan atención a los bebés se darán cuenta que pasan casi todo el día durmiendo, esto se debe a que el sueño ayuda al desarrollo de sus neuronas y el fortalecimiento de su organismo es por ello que se recomienda que los niños duerman como mínimo 8 horas al día.

Sin embargo, en la medida que vamos creciendo no le prestamos atención a la importancia que tiene para nuestro organismo dormir bien. Debido a una experiencia de mala memoria el Bioquímico Pere Estupinyà escribió un artículo en donde reflexiona sobre tres estudios que demuestran que dormir permite: aprender, inspirarse y memorizar.

Estos estudios se realizaron con sujetos que dormían bien y otros que se desvelaban y luego eran sometidos a una serie de pruebas para demostrar que quienes dormían bien, tendrían mejores resultados que quienes no lo hacían.

Estupinyà finaliza su reflexión sobre las limitaciones del cerebro como una cuestión frustrante y que quizás su rendimiento en lo que hace sería mejorado si dedicara más horas al sueño y hacer ejercicio debido a que este genera nuevas neuronas y capacidades mentales.

Tips para mantenerse despiertos

Como le comentaba si bien existen estudios que demuestran la necesidad de dormir bien, también hay quienes son realistas, saben que el desvelo es parte de sus vidas y lo único que les queda es encontrar buenas alternativas para lograrlo.

James Edwards es un desarrollador que comparte a través de un artículo denominado Top 5 Tips for Staying awake en donde nos presenta una pequeña lista de lo que a él le funciona para desvelarse y rendir mejor.

Beber grandes cantidades de café: la cafeína es una droga estimulante y legal que supera a los efectos de las gaseosas y el té.

Comer bien, no sólo basura: la buena alimentación permite mantener mejor salud, aunque sea una tentación comer golosinas en esas horas de desvelo, pero lo mejor que se puede hacer es comer frutas o tener preparados alimentos que le hagan bien al organismo de lo contrario el cuerpo se deteriora y podemos enfermarnos.

Evitar las siestas: hay quienes recomiendan hacer horas de siestas, pero según Edwards esto no funciona ya que algunos se levantan atontados y no pueden trabajar bien, por lo que no recomienda tomar esas siestas en el día.

Exponerse al aire fresco: un ambiente cálido o encerrado por lo regular incita al sueño y es por ello que se recomienda exponerse a una gran cantidad de aire fresco para mantenerse dinámico.

Distracciones creativas: tomarse unos minutos revisando correos, viendo el Facebook, dejando mensajes es una buena forma de darse un poco de espacio en lo que se está haciendo para no aburrirse y dejar de ser productivo, son pequeñas válvulas de escape que ayudan a distraerse.

¿Cuántas horas duermes al día ?

Finalmente los invito a seguir construyendo este artículo y compartan como diseñadores, desarrolladores, comunicadores, SEO, publicistas y demás profesiones cuáles son sus dinámicas de trabajo. Cuántas horas duermen al día y si creen que el desvelarse representa una ventaja o una desventaja en su profesión ya que a todos nos funciona de diferente manera. Espero sus comentarios.

Talvez los desarrolladores flash son los que más frecuentaron estos sitios, en la era de la invasión de páginas hechas 100% con ésta tecnología nos acostumbramos a ver imágenes en movimiento y escuchar sinfonías enteras en las páginas web.

Aunque eso ya no se da tanto porque son pocos los “desarrolladores” atrapados en el tiempo es bueno tener a la mano una buena colección de sonidos y efectos para cuando se necesiten.

The Freesound Project

Todos los archivos almacenados en el sitio están licenciados bajo Creative Commons, y suman más de 50,000.

Gran cantidad de archivos están en formato .wav y .mp3 y se pueden escuchar por medio de un reproductor flash incluido, sin embargo es necesario registrarse para poder descargarlos. Los archivos están catalogados bajo tags en lugar de categorías.

SoundSnap

El sitio está bien hecho es fácil buscar entre las opciones, también cuentan con casi 50,000 samples y efectos de sonido repartidos en 16 categorías.

Al navegar en el listado de archivos podemos ver que la mayoría se puede descargar en formato .mp3 y .wav y algunos en .aiff. Lo que más me gusta del sitio es que las colecciones se pueden ordenar de diferentes formas, alfabéticamente, por más popular, por duración, entre otros. Lo cual hace más fácil encontrar ese efecto que estamos buscando.

Synthmania

Este sitio tiene una colección titulada Famous Sounds que tal como su nombre lo dice, son sonidos o extractos de canciones bastante conocidos (o clásicos) que han sido utilizados en películas o series de televisión.

Otra aspecto interesante del sitio es que junto a cada archivo se proporcionan algunos datos de cómo fue realizado, incluso en muchas ocasiones mencionan qué instrumento fue utilizado, información importante para los amantes del audio.

Flash Kit

Y ya que hablamos de Flash, no podía faltar el archirecononocido sitio de Flash Kit que cuenta con una librería de Efectos de Sonido y además una colección de Loops. Algunas veces acudo a éste sitio para buscar algo rápidamente y aunque el sitio es bastante antiguo, aún siguen actualizándolo.

Si alguien tiene algún otro sitio o recurso para compartir les agradeceré dejarlo en los comentarios para ir nutriendo más nuestra lista .

Versiones de Posts

Tal vez la característica más notoria de Wordpress 2.6 sea la capacidad de mantener Múltiples Versiones (o Revisiones si lo prefieren) de cada Post. La utilidad de esta característica dependerá mucho del tipo de blog que se esté manejando, seguro que para un blog con un solo autor no será de mayor utilidad como para un blog con múltiples autores y un equipo editorial detrás de este.

Cada versión de un post es creada al guardarlo, y el auto guardado solo generará una versión. Cuando un post tenga más de una versión veremos al final del panel de edición un cuadro como este:

Siguiendo el enlace de cada versión podremos ver el título, autor y el contenido del post en esta versión. Más abajo tenemos la opción de realizar comparaciones entre dos versiones cualquier del post (usando PEAR Text Diff):

Cada versión del post será una nueva fila en la tabla wp_posts, si son de las personas que editan durante mucho tiempo posts largos no se extrañen si ven como crece la base de datos rápidamente. Y es que si tan solo cambian un caracter en el post se creará una nueva versión, es más ya hay una propuesta para incluir un check box de edición mejor que evite esto, pero tendremos que esperar a una nueva versión .

Afortunadamente se puede desactivar esta característica

Press This!

Algo que me gusto mucho es el nuevo bookmarklet de Press This!, que te permite crear posts rápidos por medio de una nueva ventana de tu blog creada a partir del bookmarklet. Tienes cuatro opciones: Texto, Foto, Cita y Video.

Lo interesante es que puede tomar el texto esté seleccionado en la página actual y lo inserta como contenido del post, o bien si marcas la pestaña de Foto automáticamente verá que imágenes son apropiadas para el post, y en caso de Video al estar en una página de Youtube, tomara el código necesario para incluir el video en el post. Muy útil para esos posts rápidos

Wordpress Gear

Otra novedad es el soporte de Google Gears en el Admin de Wordpress, que ya había sido presentado hace días en Wordpress.com (FAQ de Wordpress.com).

Por el momento solo se está usando para guardar una copia de los Javascripts y CSSs más usados que son más de 210 archivos en total; en los pocos días usándolo en Wordpress.com si he notado la mejora al hacer menos peticiones.

A futuro sería bueno ver que tengamos una copia fuera de linea del blog (o al menos una parte) y la posibilidad de realizar posts que al sincronizar con el blog se publiquen sin tanto rodeo.

Vista Previa de las Plantillas

Ahora antes de cambiar la plantilla del blog, verás una ventana mostrándote una vista previa del blog usuando esta plantilla, te dará un vistazo de como se ve el tema antes de realizar el cambio final. Algo que en Wordpress.com estaba disponible desde hace mucho tiempo.

Mejoras al soporte de SSL y Cookies

Algo que si me gusto mucho en esta versión son las mejoras al soporte de SSL y las cookies en el panel administrativo de Wordpress. Desde ahora es más sencillo hacer que todo el panel utilice una conexión SSL, definiendo esto en el wp-config.php:

define(’FORCE_SSL_ADMIN’, true);

Si lo que queremos solamente que el usuario y contraseña viajen en texto plano, y además no degradar el rendimiento del panel al encriptar todas las páginas, con la siguiente definición se puede hacer que solo el inicio de sesión sea via SSL:

define(’FORCE_SSL_LOGIN’, true);

Si bien buena parte de esto ya se lograba mediante el plugin de Admin SSL, ver esta integración dentro de Wordpress siempre es bienvenida.

Otras mejoras

• Regresa el contador de palabras al editor, vaya que se resiste a morir.
• Nuevas versiones de TinyMCE, jQuery, y jQuery UI
• Más opciones para los avatars, no solo gravatar.
• Para quienes publican en sus blogs desde clientes de escritorio: Las nuevas instalaciones de WP2.6, XML-RPC y Atom Publishing estarán desactivados, quienes actualicen desde una versión anterior quedará activada la opción.
• Opción a sacar el wp-config y el wp-content del directorio público, en aras de algo de seguridad extra y facilidad a quienes trabajan con SVN

En total son unos 200 cambios que se han realizado en esta versión. Si bien no hay cambios dramáticos en esta versión, como una persona que administra ya varios blogs prefiero esperarme una semana al menos, antes de hacer el salto al tiburón a Wordpress 2.6… siempre hay sorpresas de ultimo momento que no quiero descubrir *grin*.

Cuando nos referimos al concepto de una WebApp, es un sitio que:

• Ha sido optimizado hacia las características del iPhone, estableciendo un ancho máximo de la página, evitando los zooms.
• Los tiempos de carga y por tanto el contenido, están pensados a ser lo menor posible.
• Hace uso de CSS3 y las características propias del MobileSafari.

Es decir un sitio que sigue las guías de diseño que Apple ha definido para la plataforma «iPhone». Apple incluso mantiene un directorio de WebApps de las cuales podemos aprender muchas cosas.

Aunque no es un requisito, a muchos nos agrada la idea que una WebApp sigan la línea de diseño creada por Apple para el iPhone, llegando al punto de imitar a las aplicaciones nativas en el iPhone. Es por eso que hoy por hoy contamos con 2 herramientas que nos pueden ayudar a lograr este objetivo.

iUI

Hasta unos días contábamos con iUI como principal herramienta para desarrollar un sitio siguiendo el diseño de Apple. iUI que fue creado por Joe Hewitt hace casi un año funciona principalmente manipulando el DOM de nuestra WebApp, eventos y peticiones AJAX.

El punto fuerte de iUI es que por el tiempo que ya tiene está bastante maduro, él se encarga de manejar los eventos, las peticiones y estilos; lo único que debes hacer es generar el código HTML apropiado para iUI. Como iUI estará manipulando el DOM de la página actual, hay que tener el cuidado de no saturarlo demasiado.

Una de las cosas más lindas de iUI es el efecto de deslizamiento entre páginas, cargando sólo la página nueva y modificando el DOM de la actual para insertar la nueva (es una lástima que en MobileSafari no funcione a toda su velocidad). El enfoque a usar con iUI es cargar una página principal con los contenidos y enlaces necesarios, luego con estos ir solicitando las páginas adicionales que al usuario le interesan.

Incluso las nuevas páginas no tienen porque llevar todos los encabezados del código (X)HTML que hacen una página, tan solo tenemos que responder con el código necesario de esta nueva página, ya sea un <UL> o un <DIV> con sus respectivos elementos internos.

Esto evitará las largas esperas mientras la «enorme» página principal carga, reduciéndose a pequeñas esperas según se navegue. Un ejemplo práctico sería listar solo los títulos de nuestros posts en la página principal y luego con el enlace al post solo se cargaría este.

Lo malo es que por ser de propósito general, iUI te quedará corto o deberás personalizarlo un poco para lograr los ajustes a medida, buena hora para repasar los conocimientos de JavaScript. Otro punto débil es lo complicado que a veces resulta el código, entre DVIs necesarios, ID’s, clases css y atributos extras que debes agregar a los elementos seguro te pierdes en un momento; eso y la casi nula documentación existente de todas las funciones posibles, básicamente toca estudiar el código de los ejemplos incluidos y descubrir como funcionan.

Está predeterminado que todos los enlaces y formularios se carguen como una nueva página mediante una petición AJAX. Este comportamiento se puede modificar mediante el atributo target al enlace, por ejemplo agregando target="_self" el enlace se cargará sin intervención AJAX. Agregando target="_replace" lo que hará es remplazar el código del enlace por la nueva página, esto resulta muy útil para crear una paginación en las listas.

Con iUI el principal elemento de navegación viene a ser la barra de herramientas, que la definimos así:

<div class="toolbar">
<h1 id="pageTitle">Maestros del Web - Ejemplo Usando iUI</h1>
<a id="backButton" class="button" href="#">Regresar</a>
<a class="button" href="#dialog">Dialogo</a>
</div>

Está barra de herramientas, mostrará los títulos, nuestros diálogos, menús o paneles, nos proveerá de un botón para regresar (definido con el atributo id="backButton") y además podemos agregar un botón a la derecha usando clase button sobre un enlace dentro del DIV de esta barra. La barra de herramientas solo la debemos definir en la página principal sobre la cual se manipulará el DOM, para el resto de páginas será ignorada.

El segundo elemento de navegación es la lista de elementos:

<ul id="menu" title="Inicio" selected="true">
    <li>Maestros del Web - Ejemplo Usando iUI</li>
    <li><a href="listas.html">Lista</a></li>
    <li><a href="formulario.html">Formulario</a></li>
    <li><a href="acercade.html">Acerca De</a></li>
    <li><a href="index.html" target="_self">Recargar</a></li>
</ul>

Se usa el atributo selected="true" para indicar que este menú es el elemento seleccionado al cargar la página, si en caso hubieran más elementos/paneles en la página actual. Para cambiar hacia un panel o menú dentro de la misma página solo creamos un enlaces hacia su anchor usando su ID:

<a href="#interno">Con enlace panel interno</a>

Ese enlace llamará a un elemento con el atributo id="interno", si fuera un panel, todo el código luciría así:

<div class="panel" id="interno" title="Panel Interno">
<h2>Enlace Interno</h2>
<p>Este panel está dentro de la misma página de listas.html, se carga de inmediato.</p>
</div>

O si fuera un dialogo su código sería así:

<form id="dialog" class="dialog" action="search-results.html">
<fieldset>
	<h1>Buscar</h1>
	<a class="button leftButton" type="cancel">Cancel</a>
	<a class="button blueButton" type="submit">Send</a>
	<label>Keywords:</label>
	<input type="text" size="15" name="searchtext" />
	<p>Este es un díalogo, un lugar perfecto para un buscador.</p>
</fieldset>
</form>

Como ven, todo es de ir agregando clases y IDs apropiados que iUI irá interpretando y manipulando. Resulta muy entretenido desarrollar con este Framework

Pueden ver el ejemplo en línea que he creado usando iUI o bien bajar el archivo .zip para estudiar a fondo el código.

iPhone Universal

Hace unos días surgió el iPhone Universal UI Kit escrito por Diego Lafuente. La principal diferencia entre iUI y iPhone Universal es que de momento este último sólo constituye un Framework CSS con el cual creamos un código XHTML mucho más limpio que el de iUI, pero sin ninguna manipulación del DOM (salvo por algunos eventos) o AJAX. iPhone Universal incluye muchos más estilos de elementos que iUI.

Para hacer uso de este Framework (en su estado actual) basta con incluir la hoja de estilos. Siguiendo los ejemplos de iPhone Universal el código sería así:

<meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<link rel="stylesheet" href="stylesheets/iphone.css" />

Agregar el meta viewport es vital para que nuestro iPhone ajuste apropiadamente el ancho de la página. Luego, para armar la estructura basta ir definiendo ciertos elementos y clases en el código. Por ejemplo la diferencia entre una lista de elementos (lo que sería el menú en iUI) y una lista «redondeada» (que es lo parecido al panel de iUI) es agregar el id="normal" al <body>:

Lista de elementos:

<body id="normal">
	<h4>E</h4>
	<ul>
		<li><a href="index.html">Elea <em>Peliche</em></a></li>
		<li><a href="index.html">Elizabeth <em>Nogales</em></a></li>
		<li><a href="index.html">Emiliano <em>Martín Lafue…</em> <small>Brother</small></a></li>
		<li><a href="index.html">Enrique <em>Dans</em></a></li>
		<li><a href="index.html">Ernesto <em>González Aro…</em></a></li>
	</ul>
...

Lista Redondeada:

<body>
...
<h1>Example with arrows</h1>

<ul>
	<li><a href="index.html" class="arrow">Label + minilabel <small>It's free</small></a></li>
	<li><a href="index.html" class="arrow">Only arrow</a></li>
	<li><a href="index.html" class="arrow field">Only arrow</a></li>
	<li>Only labels <small>✔</small></li>
	<li><a href="index.html">Only labels <small>☆</small></a></li>
	<li><a href="index.html">Only labels <small>★</small></a></li>
</ul>

Notar que también cambia la sintaxis de los títulos, en le primero se usa h4 y en el otro h1.

Un detalle importante con iPhone Universal es que todas las páginas deben llevar los encabezados de un HTML normal, mientras que con iUI te limitas a responder solamente el código que necesitas.

Para aprender a usar este Framework, basta con ver los ejemplos incluidos, son lo suficientemente claros para tomar las ideas básicas; o en última instancia ver el código de la hoja de estilos. Viendo los ejemplos en linea de iPhone Universal, se ve una interfaz más aproximada a la que vemos en las aplicaciones nativas que con iUI, quién quita que en futuro veamos estas dos ideas unificadas

iPhone Universal a como está en su estado actual, sirve muy bien para estilizar hacia el iPhone cualquier sitio, mientras que con iUI toca hacer un programación más específica para este framework.

Yahoo Pipes es un servicio muy útil que permite fundir varias suscripciones RSS o Atom, filtrarlas, modificar sus contenidos y hasta reutilizar el pipe resultante.

Está implementado en una interfaz Ajax, que nos permite crear nuestros pipes con solo arrastrar y soltar; por lo que no es necesario tener conocimientos avanzados de programación ni ser un experto en la esfera informática para utilizarlo, ya que todo se hace sobre una interfaz visual, sin necesidad de escribir ni una sola línea de código.

¿Qué necesitamos para crear un Pipe?

Crear un Pipe no es complicado, pero es imprescindible tener una cuenta en Yahoo! para autentificarnos y posteriormente acceder a la página principal de la aplicación. Si queremos sacar el máximo de provecho a esta herramienta es necesario conocer la utilidad de las herramientas que aparecen en la barra lateral izquierda del sitio.

Las herramientas se encuentran agrupadas en las categorías: orígenes, entradas de usuario, operadores, url, cadenas, fechas, ubicación y números. Haciendo clic en cada una de las herramientas que se encuentran dentro de las categorías podremos ver una breve descripción de su funcionamiento, además de un ejemplo de utilización. Luego de una exploración inicial de las herramientas estaremos en condiciones de poner manos a la obra en nuestra implementación de pipes.

El entorno de trabajo

El entorno de trabajo para manipular los pipes está compuesto por una barra de herramientas a la izquierda que contiene todos los controles necesarios para trabajar con los feeds. Al hacer clic en uno de estos controles se muestra, bajo esta barra, una breve descripción del control con enlaces hacia ejemplos de uso y la ayuda completa del elemento.

En la parte superior derecha tenemos los botones para crear un nuevo pipe, salvar el que estamos modificando y editar sus propiedades. En la parte inferior se encuentra la consola que nos muestra la salida de cualquier control al hacer clic sobre él.

Para desarrollar pipes debemos arrastrar al área de trabajo los controles que vamos a utilizar e interconectarlos entre si, como se muestra en la imagen siguiente.

Uniendo varios canales

Existen sitios en Internet que tienen varios canales de noticias independientes. Como Maestros del Web, por ejemplo que publica artículos en la editorial y noticias de actualidad en otro canal separado. En estos casos puede resultar útil para el usuario leerlos ambos como una única publicación en su lector de noticias preferido.

Lograr esto con Yahoo! Pipes es bien sencillo: debemos agregar al área de trabajo un Fetch Feed que se encuentra en el grupo Sources y le insertamos todos las URL de los feeds que deseamos unir. Es posible incluir varias URL en el mismo control Fetch Feed haciendo uso del signo (+) que aparece en el interior del control, y (-) para eliminar una que ya esté agregada.

Sin embargo en nuestro ejemplo hemos separado los dos feeds en controles diferentes para hacer uso del control Union y hacer de este ejemplo algo más instructivo. Este último control nos permite concatenar lo que pongamos en su entrada de datos y mostrarlo a la salida como si proviniera todo de un mismo origen.

Teniendo en cuenta que el control Union concatena la salida del control Fetch Feed de la derecha al final del resultado del control Fetch Feed de la izquierda será necesario ordenar por fecha los artículos resultantes de la unión, para que los artículos recientes queden al inicio del feed. Para esto utilizaremos el control Sort que como su nombre lo indica su función es ordenar el contenido por el campo y el orden que seleccionemos. En nuestro ejemplo hemos ordenado por fecha de publicación con orden descendente.

Considerando que en la unión de los dos feed nos quedaron demasiados artículos resultantes podemos delimitar la cantidad que queremos mostrar, para lo que utilizaremos el control Truncate que delimita el número de elementos que se van a mostrar en la salida. Finalmente conectamos con el control Pipe Output que se inserta automáticamente en el área de trabajo y haciendo clic en éste último podremos ver en la consola el resultado final de la unión de varios canales en uno.

Filtrando un canal

También podremos filtrar una fuente rss o atom y sólo obtener los artículos que traten temas que nos interesen, por ejemplo si leemos un canal de programación web, pero dentro de éste solamente queremos leer artículos que hablen de java podremos lograrlo con el control Filter.

Esta herramienta nos permite filtrar mediante una comparación de un campo del feed con un texto o una expresión regular. En el ejemplo que mostramos a continuación filtramos los artículos de Maestros del Web que contienen la palabra Internet en el título o el cuerpo del artículo.

Traduciendo feed a otros idiomas

Para webmasters y bloggers puede resultar útil traducir el contenido de sus feeds a otros idiomas, y así mostrarlos a un mayor número de usuarios de diferentes lenguas. Con Yahoo! Pipes esto es posible gracias al control Translate.

Esta herramienta se diferencia de las que hemos visto anteriormente, porque debe estar dentro de un ciclo Loop para funcionar correctamente. Combinando ambos controles se realiza un bucle que traduce cada una de los elementos del feed, por ejemplo: el título y la descripción, asignado el texto traducido al mismo o a otro de los elementos del artículo.

En el ejemplo siguiente hemos traducido al inglés el título y la descripción de los artículos publicados en el feed de Maestros del Web.

Otra de las características interesantes de la aplicación es que podemos hacer pipes de pipes, es decir que los pipes que hemos creado como ejemplo en este artículo son reutilizables y en general, todos los que se desarrollen por cualquier usuario se pueden clonar. Yahoo Pipes permite modificar cualquiera de los pipes creados para elaborar el nuestro, basado en uno que ya exista.

Antes de desarrollar nuestro pipe podemos buscar en la lista de los pipes más populares para explorar si ya existe alguno que se adapte a lo que deseamos hacer, y de este modo ahorrarnos trabajo y tiempo. Para los webmasters y bloggers Yahoo! Pipes nos proporciona el código necesario para incluir el pipe como Gadget en nuestro blog, sitio web o en nuestra página personalizada de iGoogle.

Ejemplos en Yahoo! Pipes

A continuación le mostramos la URL de los ejemplos descritos en este artículo. Puede reutilizarlos libremente para experimentar y realizar su propia versión del pipe basado en sus necesidades.

• Uniendo varios canales (unión, ordenamiento y truncado).
• Filtrando un canal (filtrado).
• Traduciendo canal a otros idiomas (ciclo, traductor).

Le recomendamos que practique con los ejemplos que hemos proporcionado en este artículo y nos comente sus conclusiones del uso de esta aplicación.

El emprendedor comenta que sus inicios en el ámbito web como en sus estudios básicos fue complicado y de mucho esfuerzo:

Tengo un área académica muy escasa, terminé mis estudios primarios en una escuela de Buenos Aires, muy chica por cierto y seguí mis estudios de nivel secundario hasta los 17 años.

Por razones de fuerza mayor tuvo que dejarlos:

Y salir a trabajar a la dura intemperie de la calle, por lo cual no tengo estudios universitarios ni pienso hacerlo por el momento.

Antes de entrar al mundo de la informática se dedicaba ayudar a su padre en las tareas que desempeñaba como personal de limpieza:

Sacando la basura, tirando las colillas de cigarrillos y demás en un edificio de oficinas. Yo era de esos que se quedaban toda una noche armando una página personal o jugando con un script CGI simplemente porque era algo emocionante y nuevo.

Así llegó a conocer a gente de todas las latitudes del mundo, dedicado a la investigación y la práctica necesaria que luego le sirvió para entrar al mundo laboral casi al instante:

Una empresa de las llamadas punto-com me tomó como diseñador web por unos trabajos que les mostré, fruto de esas largas noches de soledad. Reconocieron mi potencial y decidieron darme la oportunidad de integrarme a su equipo.

En la empresa Ligados estuvo 3 años y al cabo de ese tiempo, ya no hacía mucho diseño web, por lo que optó por buscar su propio rumbo:

Fundé Emaginacion una empresa Argentina que comenzó realizando trabajos para Estados Unidos y Canadá, pero pronto tomó un giro mucho más amplio y terminamos haciendo trabajos para todas partes del mundo.

Según comenta Javier, Emaginacion fue un referente para muchos argentinos que buscaban llevar su trabajo al exterior:

Hasta ese entonces solamente las grandes empresas y estudios en Argentina habían llegado a tener la prensa y el marketing viral que tuvo Emaginacion, ya mucho después vino EmaStudios.

Emastudios por otro lado es la evolución natural de Emaginacion, que en lugar de realizar cualquier tipo de proyectos, en la nueva etapa la agencia decide qué proyectos hacer:

En un principio con Emaginacion, tomábamos cualquier tipo de proyecto (había que poner pan en la mesa), hoy estamos más liberados y con ganas de simplemente transitar los caminos que nos gustan en lugar de decir “SI!” a todo lo que entra.

Los proyectos realizados por Javier tienen por filosofía ser fáciles de usar y visualmente arrolladores:

Tratamos en esta nueva etapa, llevar ese estandarte a otro nivel, exponerlo en otros ordenes de la web, en los que estamos fijándonos como aplicaciones web hosteadas y sitios sociales.

Entre los proyectos recientes Javier menciona la elaboración de una alternativa a Basecamp con el objetivo de:

Resolver los problemas básicos de quienes trabajamos en la web y seguramente muchos de ustedes le darán una buena utilidad día a día.

Para el diseñador al hablar de herramientas para realizar su trabajo considera que si a un gran dibujante se le dan todos los materiales y se le pide una obra de arte, seguramente el resultado será una excelente obra de arte:

Si en cambio a ese mismo artista se le da un trozo de carbón y se le pide de nuevo, una gran obra de arte; no tengan duda que van a tener una gran obra de arte. No interesan las herramientas en realidad la clave es la práctica, siempre estar practicando.

Sin embargo nos comenta que entre las herramientas a su elección está el trabajar en ambiente Mac, utiliza Firefox y BBedit para editar código y recientemente Textmate:

Para PC Windows utilizo Editplus (el mejor editor de textos del planeta para programadores) y de nuevo Fireworks. La única razón por la cual utilizo Fireworks, es porque abre más rápido que Adobe Photoshop.

Fuera de los negocios Javier confiesa que hace negocios!:

Estoy haciendo vídeo juegos de consolas, algo muy interesante que siempre me apasionó. Seguramente en 8 meses más vamos a tener nuestro primer juego de consola (PSP) publicado, pero no puedo decir más!.

Finalmente Javier exhorta a los entusiastas de la web a practicar, tratar de no pensar en lo que hacen los demás y pensar en lo que puedes hacer:

Se van a encontrar con mucha gente que les va a cerrar la puerta en las narices, que no les brindará información que quizás ustedes consideran necesaria para seguir avanzando.

Pero, asegura que las respuestas llegan solas, lo importante es practicar, tener un buen producto y seguir avanzando:

La única manera de fracasar es dejar de intentar, investiguen, saquen conclusiones, tómenlo como un reto intelectual, no tengan miedo y lean siempre Maestros del Web.

¿Qué es Identi.ca?

Denominado como un Open Network Service (Un servicio de red abierto), lo cual lo diferencia de servicios como Twitter, Jaiku, Pownce o Plurk. Así, todo el código está disponible de forma libre y además el usuario puede seleccionar si su contenido se licencia con Creative Commons .

Si analizamos a fondo los problemas de escalabilidad de servicios como twitter y empezamos a pensar en un nuevo protocolo de comunicación sin duda que vamos llegando a algo que suena muy bien. De hecho, mencionan que tienen un OpenMicroBlogging Protocol de tal forma que puedas comunicarte con otros servicios y esto se vuelve parte del mismo ecosistema.

La verdad que con tanta apertura es sin duda la mejor carta de presentación que pudieron lanzar. Permite que más personas se animen a ir resolviendo problemas de escalabilidad y abre muchas posibilidades.

El creador del proyecto es Evan Prodromou quien también está detrás del WikiTravel, proyecto que también ha brindando excelentes resultados en un ecosistema Wiki para recolectar contenido sobre viajes.

Otras cosas buenas que tiene Identi.ca de entrada

Ya dije Open Source, Free Software y Open Network Service. A eso hay que agregarle que se conecta a OpenID para que la cuenta la registremos rápidamente y también tiene soporte para Jabber, de tal forma que podamos conectarlo a nuestro cliente de mensajería instantánea. Y también OAuth está incluido entre el paquete tanto para que sea base para otros proyectos, pero también permita intercambiar mensajes con otros servicios.

Entre los pendientes ya anunciados destaca servicio de SMS, acortar Urls y la conexión con Twitter.

¿Ahora, nos mudamos de Twitter?

La propuesta está interesante y sin duda apunta a una evolución, pero hará falta que los pesos pesados tomen acción. Como mencionaba con Eduardo hace algunas semanas, sí ese pequeño grupo de cabezones de los servicios web hoy en día le dan el visto bueno a esta iniciativa, mudan sus cuentas y le hacen algo de promoción a este servicio entonces nos tocará mudarnos.

Recuerdo por ejemplo lo que pasó con Plurk hace algunas semanas cuando muchos usuarios se mudaron por los fallos de twitter. Al menos a nivel hispano pegó fuerte y mucha gente se enganchó con el servicio, pero fue un movimiento temporal. El movimiento en plurk de la gente que seguía así como subió, se fue en picada. Y aunque conservarán un buen pedazo de comunidad que se sintió cómodo por allá, no fue más que algo temporal.

Con identi.ca podría ser diferente porque suena a que esto es de todos y para todos. RWW lo llama Federated Twitter mientras que Mashable dice que tiene fuerza, aunque no lo termina de convencer para registrarse.

Claro, hay que trabajar un poco más el diseño ya que el sitio está bastante sencillo y aparte de su buena estrategia de lanzamiento (con la apertura) no me termina de impresionar el look.

También el nombre aunque suena bien no termina de enganchar ni tampoco es un .com. Contar con identica.com sería clave, o bien ponerle otro nombre. Y cómo le llamaremos a los mensajes? Identi.cas?? Nah.. al menos esto lo tenía muy resuelto la gente de plurk cuando lo lanzaron con un nombre más genérico.

Así que nos toca esperar a ver si hay adopción de parte de grandes usuarios, si nos animamos a probarlo con fuerza para ver si aguanta a estar en boca de todos y también entusiasmar a desarrolladores para que lo incluyan dentro de sus aplicaciones o creen directamente mashups. Cuando tengamos un cliente AIR, esté conectado a otras redes sociales y empieces a seguir a tus amigos entonces sabremos que estamos en algo.

Si lo prueba me encuentran en identi.ca/cvander.

Con esta extensión desarrollada para los navegadores Internet Explorer y Firefox podremos seguir navegando por la web cuando no estemos conectados a Internet y además tiene su propia API que brinda mayores opciones a los desarrolladores y usuarios.

Funcionamiento de Google Gears

Google Gears es una extensión con licencia Open Source (BSD) que hace posible el uso de aplicaciones web desconectadas mediante un servidor web local que utiliza para almacenar en caché la aplicación en cuestión; este también tiene la función de servir los archivos almacenados: páginas HTML, archivos JavaScript, imágenes, etc.

Cuenta con una base de datos relacional, creada a partir de SQLite, donde almacena los archivos descargados y la estructura de estos. Además utiliza un WorkerPool que se encarga de realizar en segundo plano las tareas que necesitan más recursos en el sistema; las que ejecuta de forma asíncrona.

Esta extensión elimina el principal problema de todas las aplicaciones web: la necesidad de estar conectados todo el tiempo para que podamos interactuar con ellas. Pero para que sea posible seguir trabajando en un sitio web si nos desconectamos es necesario que la aplicación web tenga implementada esta característica. Con la API de Google Gears podremos programar nuestro sitio web para que los usuarios puedan seguir navegando por las aplicaciones mientras no estén en la red.

Modo de uso

Para utilizar aplicaciones web sin conexión es necesario descargar la extensión desde el sitio oficial de Google Gears. Una vez instalada será necesario reiniciar el navegador en el momento que la instalación lo solicite. Hecho esto nuestro browser estará apto para navegar desconectado por los sitios que lo permitan.

Es imprescindible que el sitio web por el que queramos navegar desconectado esté preparado previamente; para esto deberá soportar en su código fuente las características de Gears, utilizando la API que nos ofrece Google para implementar en nuestra propia aplicación web.

Cuando tengamos instalada la extensión en nuestro navegador y entremos a un sitio con soporte para ella, se nos solicitará permiso para usar Gears en el sitio web, solicitud que debemos aceptar para luego proceder a habilitar la versión desconectada del documento y finalmente podremos desenchufarnos de la red que no notaremos el cambio.

Algunos inconvenientes

Hasta el momento esta aplicación sólo es posible utilizarla en los navegadores web: Internet Explorer y Firefox. La instalación está disponible para Windows como un ejecutable, mientras que en Linux y Mac tenemos que instalarlo como una extensión para Firefox, por lo que es necesario el uso de ese navegador en estos dos sistemas operativos.

Sobre este último aspecto es válido dar a conocer que la extensión para el zorro de fuego ya es compatible con Firefox 3. La primera vez que utilizamos Google Gears se demora un poco al cargar los archivos, pero luego la navegación a través de él es tan rápida y liviana como de costumbre.

Implementando Google Gears en nuestro sitio

Si queremos que nuestros usuarios tengan nuestro sitio web disponible sin conexión con Google Gears mientras están desconectados, es necesario que lo preparemos para esto.

Primeramente debemos crear un archivo con el nombre manifest.json en la raíz del sitio. Este es un documento de texto con formato JSON que almacenará la información necesaria para que Gears pueda leer el contenido de nuestro sitio.

El archivo debe tener una sintaxis organizada de la forma que se muestra a continuación:

{
	"betaManifestVersion": 1,
	"version": "1.0",
	"entries": [
		{ "url": "offline.html"},
		{ "url": "offline.js"},
		{ "url": "offline_gears.js"}
	]
}

El atributo “version” determina la versión de nuestra aplicación y será útil a Gears para determinar si la versión sin conexión está actualizada con respecto a la versión online; por lo que debemos aumentar este número cuando hagamos modificaciones en cualquiera de las páginas de la aplicación, para que la extensión Gears de los usuarios que la estén usando offline sepan que deben actualizar su versión local.

El atributo “entries” contiene un arreglo de los archivos del sitio que se deben almacenar localmente para que estén disponibles sin conexión. Para cada imagen o archivo que queramos tener en la copia local debemos agregar un elemento al arreglo “entries” con el formato como se muestra en el ejemplo siguiente.

Por ejemplo, si nuestro sitio consta de una página index.html, una hoja de estilo estilos.css y un logo en la dirección images/logo.jpg, entonces nuestro arreglo debe quedar como sigue:

"entries": [
    { "url": "index.html" },
    { "url": "estilos.css" },
    { "url": "images/logo.jpg" }
]

Las direcciones de los archivos pueden ser absolutas, por ejemplo “http://www.maestrosdelweb.com/index.html”, o pueden ser relativas a la ubicación del archivo manifest.

Es importante asegurarse que todos los archivos listados en el manifest estén disponibles y accesibles para los usuarios. Esto nos ayudará a evitar errores futuros.

Una vez que tengamos el archivo manifest listo debemos implementar en el evento de un objeto, por ejemplo un botón, los métodos createManagedStore() y removeManagedStore(); para crear y eliminar, respectivamente, la versión desconectada del servidor local. Al final del artículo puede descargar los archivos de ejemplo en los que se puede apreciar con detalle el uso de estos métodos, en el archivo offline.js.

Aplicaciones compatibles

Google Reader ya está preparado para navegar sin conexión haciendo uso de Google Gears. Para poner a prueba este sitio instale la extensión en su navegador y haga clic en el enlace del lector de noticias.

Por el momento no existen muchas aplicaciones que exploten esta extensión, pero teniendo en cuenta las ventajas que aporta Gears seguramente en poco tiempo surgirán más aplicaciones con soporte para esta interesante aplicación.

Descarga los archivos de ejemplo

A modo de referencia te dejamos los archivos que hemos utilizado para el ejemplo de implementación en este artículo para que los descargues. A continuación la descripción de los archivos que se encuentran en el archivo compactado de ejemplo:

• offline.html: Es la interfaz de nuestra aplicación, que será cacheada por Gears para posteriormente utilizarla sin conexión de red.
• offline_gears.js: Este archivo javascript contiene los métodos necesarios para obtener acceso a Google Gears.
• offline.js: Archivo javascript que contiene los métodos que permiten la creación y eliminación del almacén de datos en caché para esta aplicación.
• manifest.json: Manifest que contiene los archivos que estarán disponible en el servidor local cuando se active la versión offline de la aplicación.

Recursos de programación

• Descarga de Google Gears
• Google Gears FAQ
• Grupo de usuarios
• Blog de Google Gears
• API de Google Gears

Hace algún tiempo cuando escribías en Google la palabra “desarrolladora web” el buscador te sugería que quizás te refería