Ya anuncié hace tres posts que lo poco que me ha acabado gustando el servicio de blogsome hace que decida cerrar esta bitácora, pero en realidad este motivo sólo es el que ha colmado el vaso. Mi marcha inminente a inglaterra por un año hacen que me motiven más otros retos, al igual que este lo fue durante mi estancia en estados unidos. Escribir una bitacora en ingles podria ser el siguiete. Alguna cosa que otra haremos.
El post de los microformatos era una promesa pendiente y ahí está. Me despido entonces con una de las últimas curiosidades que me ha llamado la atención, el World Jump Day, un llamamiento que se hace a través de esta página para reunir a 600 millones de persona para que peguen un salto a la vez a una hora determinada de un dia de junio del 2006. Cuando era pequeño leí en la colección científica Quest que si todos los chinos saltaran a la vez se desviaria la órbita de la tierra. Ahora estos locos aprovechan esta teoria para querer cambiar la orbita y así, segun dicen, solucionar el problema del calentamiento de la tierra. Yo digo que nos sale rana y hacemos chiche con marte ;)
La web semántica y el nuevo diseño (css, xhtml, …) van cogidos de la mano, tratando los contenidos y el diseño por separado tenemos la independencia de dispositivos y medios donde se muestra dicha información, con la web semántica además, planteamos una nueva forma de especificar contenidos, presentable a la vez para el usuario final
Para hablar de los microformatos lo haremos de una forma menos filosófica y más práctica; éstos se basan en aprovechar ciertos atributos de los tags html, dándoles unos valores determinados para identificar un tipo de contenido específico. Este procedimiento se considera limpio ya que al ser utilizados los atributos rel y class para dicho propósito no existe incongruencia con sus propias definiciones de utilización definidas por los estándares w3c
Una vez que la página contiene estos nuevos atributos en su código html, queda en manos de los programadores desarrollar nuevas herramientas (la mayoría de ellos parsers) y sacarle provecho a una más fácil identificación de los contenidos en las páginas html
Como veremos en los ejemplos, una correcta edición de este nuevo código html requiere de una mayor meticulosidad, exigible sólo para aquellos profesionales del desarrollo de aplicaciones web. Muchas veces sólo basta con modificar las plantillas (php por ejemplo) que generan el código resultante para convertir la página o aplicación en un sitio compatible con microformatos.
Existen principalmente dos tipos de microformatos, los simples y los compuestos. Los simples se caracterizan por tener un XMDP definido. ¿Que es un XMDP? El XMDP, considerado un microformato en si mismo, es en realidad cuatro líneas de código (llamadas profile) en la que definimos de que manera estamos utilizando los atributos rel y class para definir un microformato, dicho de otra forma, cuales son los valores posibles de estos atributos que los harán característicos respecto a los valores que habitualmente tienen
Empecemos por el ejemplo más sencillo:
Existen muchas páginas que en su parte inferior indican el tipo de licencia de su contenido, por ejemplo creative commons, una forma común de indicarlo sería la siguiente: <a href="http://creativecommons.org/licenses/by/2.0/">creative commons by 2.0</a>
Los “inventores” de los microformatos vieron que esta practica era muy común y por lo tanto decidieron crear un pseudo-standard para identificar esta línea mediante el atributo rel <a href="http://creativecommons.org/licenses/by/2.0/" rel=”license”>creative commons by 2.0</a>
Para que veáis lo fácil que es inventarse un microformato ;) De hecho, no se mataron ni en buscarle un bonito acrónimo y lo denominaron relLicense
Esto permite ahora que un programa o robot que “parsee” código de las páginas html, como pueda ser el robot de google, detecte la línea especifica que indica el tipo de licencia simplemente localizando las palabras rel=”license”. Mostrar entonces un listado con las páginas que tengan licencia creative commons pasa a ser trivial
¿Cual es entonces el XMDP de relLicense?
<dl class=”profile”>
<dt id=”rel”>rel</dt>
<dd><p>
<a rel=”help” href=”http://www.w3.org/TR/html401/struct/links.html#adef-rel”>
HTML4 definition of the ‘rel’ attribute.</a>
Here is an additional value.</p>
<dl>
<dt id=”license”>license</dt>
<dd>Indicates that the referred resource is a license for the referring page.</dd>
</dl>
</dd>
</dl>
Aunque tanta letra d suelta en 4 líneas puede hacer daño a los ojos, lo que aquí se pretende es dar las definiciones de los posibles valores del tag rel de nuestro nuevo microformato relLicense. Como éste es sencillo y con un objetivo muy específico sólo tenemos un posible valor id=”license” con su definición justo debajo. Un poco más arriba también se enlaza la definición del atributo rel según la w3c por si queremos instruirnos un poco más
El resto de microformatos simples no tienen ningún misterio, el kit de la cuestión fue el propósito para el que fueron creados y puestos a la luz para ver que aceptación tendrían con el paso del tiempo. Además, van surgiendo nuevos microformatos según la evolución de la naturaleza de los contenidos de las páginas ¿se os ocurre a vosotros algún microformato nuevo?
Veamos rápidamente los microformatos ya existentes, a ver si os sirven de fuente de inspiración: XFN: uno de los primeros en ver la luz, destinado a identificar el grado de relación humana que tenemos con los autores de los blogs de nuestro blogroll (amigos, conocidos, novios, etc). Simplemente consiste añadir rel=”friend” (y/o cualquiera de los otros ocho valores definidos) en el código de las urls de nuestro blogroll Matt Mullenweg (autor de wordpress) cuando aun era más renacuajo de lo que es ahora ya fue uno de los impulsores de dicho microformato. De ahí que wordpress lo soporte 100%, con un generador automático incluido en el apartado de links
relLicense: Ya lo vimos en el primer ejemplo
relTag: Para aquellos que utilicen los tags de technorati en sus blogs ya estarán más que familiarizados , simplemente con añadir rel=”tag” en el enlace le servirá a technorati para detectarlo y agregar nuestro post a su base de datos
relNoFollow: Se hizo famoso en cuanto google anuncio que no indexaría los enlaces con el atributo rel=”nofollow” contenidos en los posts de las bitácoras, evitando así el spam que estaban practicando ciertos usuarios
VoteLinks: Es el mas rarillo de todos ya que además de ser utilizado únicamente para votaciones, es el único que utiliza el atributo rev en vez de rel, ya que se considera que la relación que se tiene con la url contenida en href es inversa
XOXO: Refuerza mediante atributos la definición de una estructura de árbol, este formato tiene más sentido cuando es utilizado como base para formatos derivados como veremos más adelante. El nombre parece que lo hayan inventado los mojinos escocíos
Los microformatos complejos se caracterizan por no tener un XMDP definido, sino que su formato es adquirido de otro standards ya existente, adaptando los campos a atributos html, con una relación de 1:1. Tomemos el microformato hCard como ejemplo para entenderlo, los atributos de dicho formato serán los mismos que los campos que contiene el conocido standard vCard, como se muestra a continuación:
Pasarán a ser las siguientes líneas HTML <div class=”vcard”>
<a class=”url fn” href=”http://tantek.com/”>
Tantek Çelik
</a>
<div class=”org”>Technorati</div>
</div>
De esta manera una página html podrá contener múltiples vCard detectables fácilmente por cualquier parser que busque los atributos correspondientes
Otros microformatos complejos son: hCal: este adopta los campos del formato iCal, ideal para páginas de calendarios de eventos
hReview: resultado de la colaboración de varias de las grandes compañías (Microsoft, Yahoo, AOL, …) para encontrar una estructura común para los reviews (analisis critico) aplicable a libros, películas, teatro, etc.
Otros drafts y formatos derivados:
rel-enclousure: el atributo rel=”enclousure” define un enlace a un formato especial como pueden ser los mp3 utilizados en los podcasts
xFolk: con un inicio muy ambicioso la evolución de las diferentes revisiones de este formato han hecho que quede encasillado para identificar el contenido de bookmarks del estilo de delicious
Attention-xml: Este draft, aun por pulir, fue propuesto por Steve Gillmor harto de dedicar un par de horas diarias a leer todos sus feeds, intentó entonces buscar algún mecanismo automático para que tuviera, según diferentes criterios y parámetros, una lista filtrada de los feeds que debería leer a diario con menos tiempo. Para ello utilizo XOXO, XFN entre otros. Al final de este articulo podreis ver varias aplicaciones prototipo como ejemplo
…hasta que he intentado hacer un backup del contenido de este weblog (no tengo acceso a ningún ftp ni a ningún panel de control, ni la opción de instalar un plugin wp-backup). En el caso de que no hubiera solución (raro sería), no son muchos los posts para traspasar manualmente. Prefiero prevenir, así que de mientras le voy a buscar un sitio mejor al weblog
Ya de paso que google indexe estas dos palabras: maldito blogsome !!! ;)
1-
2-
3-
4-
Una de las cuatro imágenes anteriores no es un tipo de licencia sinó las jornadas a las que asistí el sabado pasado, donde pude ver la conferencia de Lawrence Lessig y conocer a David Bravo
Despues de volver a españa hace ya poco mas de un mes, se volvieron a adquirir ciertas costumbres, o mejor dicho, se perdieron otras, como el postear articulos en este weblog. Como dijo un amigo mío es tan fácil como ponerse
Entre otras cosas, voy a sacar el polvo al draft del artículo de los microformatos que ya empieza a oler un poco, no sin antes recomendaros que os compreis o os descargueis (y ya de paso os leais) el libro de David Bravo, Copia este libro. Yo he hecho ambas cosas, és mas, me he gastado 30 euros en comprar tres ejemplares para que vayan rulando entre mi circulo mas cercano (y no tan cercano). Harto ya de intentar explicar la situación actual de la pirateria lo dejaré en manos de una de las personas mas locuaces que he visto
Lo dicho, de lectura obligada (sin que se me enfade nadie) más que la biblia
El escribir el articulo que viene a continuación (sus dos partes) surgió a raíz de la presentación que hizo Tantek Celic en la sxsw de este año el pasado mes de marzo, al señor Tantek del q muchos ya habréis oído hablar tuve el placer de conocerle el mes pasado en varias ocasiones, para aquellos q aun no lo conozcáis su currículum habla por si solo. El articulo, siendo en muchas partes transcripciones de dicha presentación, consta de dos capítulos, en la primera se explica de una forma muy ejemplificada la teoría sobre la aplicación de la semántica en el diseño web. En la segunda se entra de lleno en el asunto, tratando acerca de los microformatos
Tags
El futuro del desarrollo web viene lógicamente impuesto por el utilizar un formato semántico en el código de las paginas, así el salto de HTML a XHTML viene caracterizado por el potenciar el significado del contenido y no de su aspecto puramente. Un <h1></h1> no tiene porque ser grande y en negrita, ni un <em></em> tiene que ser a la fuerza itálica, sino que simplemente estas en-fatizando el termino. Esta claro entonces, que la aplicación del XHTML tiene que dejar de ser transicional (en su definición) para pasar a ser estricto. Utilizar los tags para lo que se crearon y no utilizar aquellos que no tienen un significado asociado (b, br, i). Y por supuesto, prohibido utilizar tablas a modo de capas de posicionamiento, eso ya es historia, las tablas son para la información tabular
Formato
No tenemos que olvidar q el (x)html se trata de un lenguaje, y como cualquier otro lenguaje tiene unos patrones muy bien definidos, la diferencia con otros lenguajes radica en que cuando este no esta bien formado no nos salta un warning en el navegador, ni se interrumpe su ejecución. Esto permite que la exigencia auto-impuesta por muchos desarrolladores se pase por alto dando como resultado el típico – lo suficiente y para que se vea – . Esta claro que si nuestro objetivo es hacer buenas aplicaciones y con una proyección de futuro, debemos auto-exigirnos, empezando por un servidor, un nivel estricto conforme a los estándares establecidos. No es la única manera, pero si la mas correcta para que sea posible aportar correcciones e ideas para la evolución del lenguaje.
Estas directrices no son para un escritor de bitácoras que suficiente faena tiene con actualizar su weblog periódicamente, sino para aquellos desarrolladores que crean o utilizan herramientas que generan código html de una forma u otra
Ejemplos
Ejemplos de correcta aplicación:
1- Mostrar información concreta:
Si toda la información va dentro del parágrafo, todo el texto tiene el mismo peso y significado
<p>
Please contact webmaster at example dot com
if you find any problems with this site.
</p>
Una alternativa es ubicar el texto en un div (tipo bloque) y indicar con address la dirección de contacto
<p><div>
Please contact <address>webmaster at example dot com</address>
if you find any problems with this site. </div><p>
Utilizaremos div y span para añadir estructura a un documento, indicando si el contenido es de tipo bloque o en linea respectivamente, el tag address no solo se limita al correo sino a toda información de contacto
2- Mostrar una frase extraída de algún sitio
En el ejemplo mencionamos un texto escrito por otra persona, indicando el autor al principio y dando nuestra opinión después
<p>Eric Meyer wrote:</p>
<p>
What's so interesting to me is that the guys who decided
to focus on the positive went out and did something;
those who want to mix in the negative seem to have
nothing to offer except complaints.
</p>
<p>An excellent contrast between those who want to
build new things and those who want to tear them down.
</p>
A diferencia de la estructura de arriba, utilizamos cite para indicar el autor o interlocutor, y blockquote para sus palabras, con el atributo cite para enlazar la url de donde proviene nuestra extracción
<p><cite>Eric Meyer</cite> wrote:</p> <blockquote cite=”http://meyerweb…/social-protocols/”>
<p>
What’s so interesting to me is that the guys who decided
to focus on the positive went out and did something;
those who want to mix in the negative seem to have
nothing to offer except complaints.
</p> </blockquote>
<p>An excellent contrast between those who want to
build new things and those who want to tear them down.
</p>
Nuestra opinión sera el único texto que dejaremos intacto, notar que al tratarse de varios párrafos continuamos utilizando <p>, estos lógicamente pueden estar dentro de un div
3- Mostrar código
En el ejemplo queremos mostrar una parte de código css
<p>
Le añadimos estilo al tag address:
</p>
<p>
address {
display:inline;
font-style:normal;
}
</p>
No solo utilizamos el tag code para indicar que se trata de código sino que además indicamos que queremos que el navegador respete el aspecto pre-formateado como por ejemplo el utilizar letras con el mismo ancho o respetar todos los espacios y tabulaciones
<p>
Le añadimos estilo al tag address:
</p> <p><pre><code>
address {
display:inline;
font-style:normal;
} </code></pre></p>
4- Mostrar una conversación
Partiendo del siguiente ejemplo:
<dl>
<dt>Costello</dt>
<dd>Well then who's on first?</dd>
<dt>Abbott</dt>
<dd>Yes.</dd>
<dt>Costello</dt>
<dd>I mean the fellow's name.</dd>
<dt>Abbott</dt>
<dd>Who.</dd>
<dt>Costello</dt>
<dd>The guy on first.</dd>
<dt>Abbott</dt>
<dd>Who.</dd>
</dl>
Esta es una forma clara de abusar de dt y dd, mas allá de querer aprovechar una tabulación automática de estos tags, estos están concebidos para términos y descripciones. Pero una conversación la componen interlocutores y frases, como hemos visto en el ejemplo 2 utilizaremos cite y blockquote
<cite>Costello</cite> <blockquote><p>Well then who’s on first?</p></blockquote> <cite>Abbott</cite> <blockquote><p>Yes.</p></blockquote> <cite>Costello</cite> <blockquote><p>I mean the fellow’s name.</p></blockquote> <cite>Abbott</cite> <blockquote><p>Who.</p></blockquote> <cite>Costello</cite> <blockquote><p>The guy on first.</p></blockquote> <cite>Abbott</cite> <blockquote><p>Who.</p></blockquote>
Además la conversación no deja de ser un simple listado, con el que le agregaremos los tags para ello
<ol> <li><cite>Costello</cite>
<blockquote><p>Well then who’s on first?</p></blockquote></li> <li><cite>Abbott</cite>
<blockquote><p>Yes.</p></blockquote></li> <li><cite>Costello</cite>
<blockquote><p>I mean the fellow’s name.</p></blockquote></li> <li><cite>Abbott</cite>
<blockquote><p>Who.</p></blockquote></li> <li><cite>Costello</cite>
<blockquote><p>The guy on first.</p></blockquote></li> <li><cite>Abbott</cite>
<blockquote><p>Who.</p></blockquote></li> </ol>
Las ventajas de utilizar este formato de listados lo veremos en la segunda parte. No hay que olvidar que la utilización correcta del formato muchas veces da pie a que el desarrollador se encuentre limitado con tales recursos debido a que la diversidad del contenido mostrado muchas veces supera a la evolución del propio lenguaje, es por eso q siempre se anima a los desarrolladores a que tomen un papel activo con la experimentación y participación en las diferentes discusiones de desarrolladores.
En el siguiente capitulo veremos una posible solución para incrementar el potencial del XHTML: los microformatos
Sin imagenes ni detalles, lo siento pero no puedo esperar más segundos en recomendaros Rojo, con los pocos minutos que llevo probándolo os puedo asegurar que reemplazará a mi querido bloglines
Update: En respuesta al par de comentarios de este post, comparto la predileccion que se siente por bloglines, podria llamarse el lector de noticias por excelencia. Si bien mi tendencia a la experimentacion hacen que herramientas como rojo me despierten un interes mas que notable, premisas como el q sea una herramienta online y de sencillo uso son equivalentes al bloglines (si bien creo q la usabilidad de rojo es superior). Pero lo q realmente me ha despertado el interes para su utilizacion es la posibilidad, a la par q facilidad, para clasificar los posts y feeds mediante tags. El sistema de clasificacion mediante tags esta a la orden del dia, solo q googleemos un poco ya podremos encontrar debates acerca de los pros y contras de este metodo, pero cualquiera q utilize delicious, flickr, etc ya estara mas q habituado.
El sentido de aplicar dicho metodo no deja de ser otro intento de optimizacion en nuestra ingestion diaria de informacion q hacemos mediante tales feeds, tal dilema le surgio a Steve Gillmore atemorizado -ironicamente- de q su mujer le pegara la bronca por pasarse tanto tiempo al dia leyendo noticias, y esto le pasa hasta al lector mas habituado, a partir de este problema surgio attention.xml, una posible solucion basada en microformatos del q hablare en el siguiente articulo. Lo importante ahora es entender q el sistema q utilizamos para leer noticias esta en sus inicios, en el caso de rojo caracterisicas como: posibilidad de compartir posts al estilo de red social, marcar los feeds como leido solo cuando nosotros le digamos, sistema de paginacion para los posts antiguos de un feed, sistema de flags, etc, etc, hacen que sienta cierta tendencia a cambiar de lector, algunas de estas caracteristicas ya existentes en bloglines no las utilizaba con asiduidad hasta ahora, y es q siempre he creido q reinventar la tecnologia para facilitar al usuario su utilizacion es un paso vital
De momento sigo utilizando bloglines para los nuevos feeds de estados unidos agregados en estos ultimos meses, y rojo para la inmensa cantidad de feeds q ya tenia antes, el tiempo dira como acaba todo
En respuesta a oriol esta noticia se colgo un par de dias despues del lanzamiento publico de rojo, asi q la version q debias probar hace unos meses debia ser una beta
La gente de waxy está en pleno desarrollo de upcoming.org, con la intención de ser para los calendarios lo que delicious para los bookmarks y flickr para los albumes de fotos. La filosofia sigue utilizando la folksonomia como criterio para los tags, compartir calendarios con amigos, subscripciones rss y también a ical, un formato muy abandonado si tenemos en cuenta su potencial. El propio autor ya está haciendo experimentos con el microformato hcal, que podria resucitar tal concepto.
Para cualquiera que viva en estados unidos es más que aconsejable utilizar google maps como sistema de mapas y rutas, ya que está muy por encima de sus competidores. En mi caso, lo utilizo casi a diario. Hoy mismo, buscando la dirección para asistir a la Open Source Business Conference, a la cual estava invitado, me ha llamado la atención el ver la palabra satellite en un riconcito. Grata ha sido la sorpresa cuando he visto que por fin ya han integrado, como era de prever, la herramienta keyhole, la cual ya probé hace meses en españa para ver mi casa. Aqui teneis una captura
El experimento consiste en mostrar simultáneamente los resultados de ambos buscadores, para aquella gente que quira hacer comparativos en esta batalla candente
Grave error cometí al pensar que por decisión empresarial alguna los de bloglines habian quitado ciertos servicios en el menú que aparece cuando quieres agregar un feed, en el que ahora se muestran a primera vista blogger, live journal y xanga.com. Ahora el resto de servicios que habian antes también listados están repartidos por las secciones que aparecen en el menú superior. En fin, que no solo no han quitado servicios (ajenos) para agregar, sinó que han añadido de nuevos, ya que la nueva sección Package Tracking te permite hacer seguimiento del paquete que tengas por ups, fedex o usps por rss. Yo casualmente, tengo un paquete por ups en camino. Aquí esta el screenshot de muestra
La cosa va de celebraciones, primero fueron los de wordpress y ahora technorati con la Technorati one billion links celebration. Como lo tengo aquí al lado voy a ver que onda (como dirian en méjico)
Incluso habrá otro motivo de asistencia:
In celebration of this milestone Technorati and Chevys will donate 20% of the bill to the Mozilla Foundation.
Update: La bomba estalló, llegó la hora de conocer a los que hace tiempo que queria, dos dias sin parar de encontrarme con gente nueva, y gente nueva que conoce la primera gente, y así sucesivamente.
En la cena de technorati, pude mantener gratas conversaciones, más alla de un cordial saludo con: David Sifry (fundador de technorati), Emily Blanchard, Alex Ratner y Niall Kennedy (trabajadores de technorati), Oren Michels (feedster), Christopher Carfi (fundador de Cerado), Jonas Luster (wordpress inc), Jackson West (sfist), Chris Jablonski y Steve Gillmor (ambos de ZDNet)
Para que no quedara todo en un simple intercambio de tarjetas, al dia siguiente me encontré de nuevo con Jackson West el cual me presento a mucha mas gente, muchos de ellos del ambito del diseño gráfico y la fotografia (CCAC). Matt, creador de wordpress, acaba de volver de europa y nos veremos esta semana.
Seguiré informando…
Comento 4 cosas respecto al nuevo servicio de yahoo, quien quiera profundizar mas sobre el tema que deje un comentario, ahora mismo tengo 100 invitaciones, pero como seguramente la gente propagará el servicio de una forma rápida todo el mundo acabará por tener una sin ningun problema
Los chicos de yahoo, han intentado unificar tan bien como han podido diferentes servicios que todos seguramente conocemos (blogging, compartir albúmes de fotos, redes sociales, etc). La ventaja claro está es hacer el entorno de edicion lo mas amigable y sencillo como sea posible, y eso puede implicar algunas limitaciones técnicas de personalización, pero es evidente que programarselo uno mismo y manejar plugins de un cms para llegar al mismo resultado no estaria al alcance de todos
Hay un denominador común en todos los servicios configurables, y ese es el de red social, ya que para cada servicio que configuremos, tendremos la opcion de dar permisos de visualización a todo el mundo, amigos, amigos de amigos, etc. A yahoo claro está le interesa potenciar sus productos, y para los álbumes de fotos podremos utilizar el servicio de Yahoo! Photos pero no flickr por ejemplo, y así con el resto de servicios. Muy poco flexible para mi gusto
Aquí teneis un screenshot en modo edición, y otro del sample completo que ellos ponen como ejemplo
Para no extenderme en los detalles de cada servicio mejor que lo probeis vosotros mismos, dejad un comentario y correo electronico y os enviaré la invitación lo antes posible. También os rogaria que toda sugerencia o corrección, la enviaseis al formulario de feedback que tienen para los beta-testers
Hay una serie de nuevos formatos, servicios o protocolos, nombrarlos como querais, que nuestro site puede implementar facilmente. Al igual que el rss, es tan sencillo como seguir un formato establecido cuando tienes que publicar tus contenidos, las aplicaciones que puedan surgir a partir de estos patrones ya es otra historia
De esta forma para que tu site cumpla con el formato XFN (XHTML Friends Network) es tan sencillo como que en tu blogroll implementes unos valores en los tag href para indicar el grado de relacion con los blogs listados (personales o no), estos valores irán en el atributo rel. Ejemplo:
Existe un listado de valores que podremos utilizar para indicar si esa persona es amigo, compañero de trabajo, familiar, etc. Con esto y un par de pasos mas nuestro site ya formara parte de esta red social descentralizada, a la espera entonces queda que motores de busqueda, herramientas de blogging y editores de markup implementen este formato progresivamente, como ya estan haciendo
Otra tecnologia que encuentro apasionante es el de opensearch, impulsado por a9, es igual de sencillo que con el xfn, pero en este caso tendremos que implementar que los resultados del buscador que tengamos en nuestro site se muestren en formato rss, desde ese momento la gente ya se podrá suscribir a tu site, no para leer tus noticias, sinó para estar incluido en su buscador personalizado.
Imaginemos por un momento la genial utilidad. En muchas ocasiones no conformandote con las busquedas que realizas en google nos vamos al buscador de slashdot (por ejemplo), porque recordamos vagamente de que habia un articulo que hablaba sobre el tema que estamos buscando. Solo con que estos sitios en los que estas acostumbrado a buscar respetaran el formato opensearch, ya los podrias agregar para tener tu meta-buscador, optimizado para ti
Existe una lista donde hay todos los sites que ya se pueden agregar, en la que ya estan todos los grandes. El próximo debes ser tu
Update: en Rubhub podeis ver la red de relaciones que se crea a partir de xfn, diferenciando entre relaciones salientes, entrantes y recíprocas
De hace ya un tiempo habreis podido observar que muchos weblogs estan subsituyendo los banners de rss2 y atom por este otro de feedburner . ¿como es eso? ¿de que trata feedburner? ¿que ventajas tiene respecto a los otros formatos?
Vayamos por partes, feedburner (ya surgió hará poco mas de un año, y aún en fase beta) no se trata de ningun nuevo formato, es una aplicacion que agrupa en una misma interficie diferentes posibilidades del formato rss/atom con sus respectivas ventajas, seria una especie de meta-aplicación, aunque no estrictamente
La utilidad mas inmediata (entre otras) se verá claramente con un ejemplo:
Nos dirijimos a su pagina principal y introducimos la direccion feed de nuestro blog
Nos aparecerá un listado que nos mostrará una serie de valores añadidos de los que podremos escoger y configurar a nuestro gusto. En el ejemplo nuestro vamos a escoger Splicing Services para añadir a nuestro futuro feed las actualizaciones de nuestro del.icio.us y nuestra cuenta de flickr. El nuevo feed resultante mostrará las novedades de nuestro blog, delicious y flickr a la vez, y ya no será necesario que nuestros amigos o lectores se tengan que suscribir a los tres feeds por separado
Esto es sólo una pequeña parte, otras features son:
- agregar las entradas de bloglines clip blog, amazon, etc
- agregar estadísticas de nuestros items
- conviertir a formatos de feed compatibles
- añadir enclousures para podcasting
- crear themes a partir de nuestro feed para hacer sites-mirror compatibles para todos los navegadores (browser friendly mode)
- añadir firmas creative commons
- y un largo etc
La mayoria de preguntas que se pueda hacer un desarrollador al trabajar con wordpress se podrian contestar con mirate la documentacion lo cierto es que el mediawiki que utilizan está muy bien administrado y el contenido es de lo mas completo
Una referencia rapida para los que os dedicais a personalizar el formato son los template tags, leerse tambien el concepto de the loop, se trata del while que utiliza wp para escupir el codigo de los posts, y algunos de los template tags no funcionan si son utilizados fuera de este loop, los conditional tags para el aspecto del sitebar es también de consulta obligada
Otro nuevo nombre a la colección, aunque el objetivo del screencasting lo veo de gran utilidad, hace ya un tiempo tuve problemas para encontrar el programa ideal para hacer unas demos para ayudar al usuario ante una aplicación. Ahora hay unos cuantos, aunque a la mayoria les encontraria mas pegas que ventajas, claro está que dependerá de nuestro grado de exigencia: vnc2swf, robodemo (captivate), camtasia, snapz pro, riverpast, wink, screenflash, etc
Ya existen tutoriales (videos) de linux, ruby on rails y otros. Pero esto solo es la primera parte, ahora queda parte del casting totalmente abierta para que surjan aplicaciones que aprovechen esta tecnologia, como ha hecho odeo para el podcasing
Influenciado claramente por minid, amigo y mentor, en los diferentes sites que realizo utilizo las siguientes tipografias: para el texto general y parrafos la trebuchet ms, aunque opto tambien por tahoma o la arial, todas de tipo sans serif, y el size a .7em, con un color siempre un poco mas claro que el negro como #666, en el caso de la tahoma a la gente le resulta familiar por su similitud con la letra de windows. Para los titulos, incluidos los de listados, tiendo aunque no siempre a utilizar una letra serif, a saber, Georgia o raramente la Times New Roman, el transformarlo a imagen para hacerla con anti-alias es opcional (en mac el anti-alias lo hace solito), aunque este recurso lo veo mas para titulos principales. ¿Que criterios aplicais vosotros?. Mi ejemplo:
Título texto, texto y mas texto. Lorem…
Nota: Hasta que no elabore la plantilla propia para este blog, se está utilizando el diseño de Ian Main de la style competition de Alex King
Un tip conocido (de photoshop) que me gustaria comentar, ya que me ha sido muy util es el de multiply como comportamiento de capa. Para ahorrarme parrafos explicativos pondré unas imagenes de ejemplo:
La primera imagen es el tipico logo del que nos seria imposible seleccionar el blanco, debido al gradiente de la sombra, y transformarlo en transparente, aplicando el multiply éste se adapta perfectamente a nuestro fondo
Un efecto visto en varios sitios donde queremos que las letras se reconozcan solo por su sombreado, con el multiply quitar el relleno es automático
Como trotamundos esporadico que soy, he descubierto un nuevo mundo detras de un objeto tan simple, 43 folders, entre otros, ya hablaba de ello, se trata de moleskine, un icono en cuanto a la bitacora de papel, gracias a personajes como Ernest Hemingway, Picasso o Chatwin, o referencias mas recientes como Amelie o el padre de Indiana Jones lo han utilizado, su simpleza y sobriedad hacen que pase a ser un objeto tan apreciado como la ultima camara digital de la que uno pueda disponer, aunque con el moleskine el trato pueda ser diferente, ya que cuando mas desgastado mas autentico ;-)
De alguna forma me recuerda a algunas agendas que tuve en mi epoca escolar en la que lejos entonces de la era internet, era un pequeño rincon artistico para garabatos, dibujos espontáneos, frases célebres (alguna de ellas incluso de amor adolescente), claro que si no quiero que el contenido quede arrinconado en un cajón o armario para consultarlo de higas a brevas, el complemento ideal para mi moleskine es un lapiz digital, hace dos años aproximadamente que me los estoy mirando de cerca y caerán tarde o temprano, aunque por suerte ahora estan mas asequibles, habiendo mas marcas y con los ultimos recursos (bluetooth, reconocimiento de escritura mejorado, etc). Escribes durante el dia anotaciones, ideas, etc por ahí, y cuando llegas a casa pasas la información al ordenador, así de simple.
Mucha mas información en este recomendable weblog dedicado al moleskine, con algunas creaciones artisticas que dan miedo
es tan sencillo como que en tu blogroll implementes unos valores en los tag href para indicar el grado de relacion con los blogs listados (personales o no), estos valores irán en el atributo rel. Ejemplo:
y atom 
por este otro de feedburner 
. ¿como es eso? ¿de que trata feedburner? ¿que ventajas tiene respecto a los otros formatos?
