Iván Mendoza

Estaba leyendo La autoridad moral es la clave del activismo cuando me encontré esta frase que quise compartir en Twitter

Los que más critican son siempre los que no hacen nada

En Feedly seleccioné el texto y automáticamente me mostró el menú contextual (nueva característica) que incluye desde twitter hasta búsqueda, pasando por traducción y recomendación de fuentes relacionadas.

Sí aún no lo conoces Feedly es un lector de feeds para Firefox, su principal feature es simular a una revista virtual, lo que lo hace muy fácil de usar y agradable de leer. Además se integra muy bien con Twitter, y por supuesto compartir textos con otras redes sociales.

Otra característica que se agradece mucho son las vistas personalizadas para cada categoría, en el ejemplo de abajo Móviles usa texto con descripción (magazine) y mis compartidos usan miniaturas (Picture Grid)

Además de las secciones predefinidas de Feedly como Cover (Lo mejor, lo más reciente, twitter y lo más popular), Digest (lo mejor), Latest (lo más reciente) y Explore (para buscar nuevas fuentes)

Cover

Digest

Latest

Explore

Feedly no es un servicio de suscripción, funciona sobre Google Reader así que ya tienes cuenta solo debes instalar Feedly y automáticamente obtiene los feeds que lees, de igual forma si agregas nuevos feeds o compartes post esto se refleja en Google Reader.

Casi podría apostar que si Feedly no trabajará sobre Google Reader este estaría en serios problemas.

Si algo logra reemplazar al libro o diccionario junto a tú escritorio es la sidebar de Firefox. La cantidad de usos que podes darle es increíble, es rápida y, lo mejor de todo, no estorba sino complementa. Juice llega y la hace todavía más útil.

Juice es una extensión de Firefox que utiliza precisamente la sidebar para mostrar información contextual sobre lo que estas viendo en ese momento. Esta dividida en tres partes: Magic, Search y Drops.

1. Magic muestra la información más relevante sobre lo que buscas, varia entre Wikipedia, Amazon y otras webs, pero siempre buscando que la información sea la más útil.
2. Search es la búsqueda por defecto en Google, Yahoo, Bing o Twitter, tú eliges cual usar.
3. y por último Drops, un panel que te permite guardar imágenes o vídeos como si de un álbum de recortes se tratara, bastante similar al Web Clipboard de Flock.

La prueba

La primera prueba de Juice funcionó genial, el conejillo de indias fue un tweet de @Jeanfer sobre Amelie Nothomb (escritora). En las siguiente imágenes se puede ver como funciona en contexto, sin abandonar la página y con información relevante de Wikipedia (de momento solo en inglés).

Por supuesto, jugando con los paneles y los buscadores podemos llegar a la búsqueda en Twitter y en Google. Lo interesante de todo esto es lo relevante que se vuelve la información, por un lado la parte social con Twitter en donde @kyo_tintaalsol comenta acerca del club de lectura en donde encontramos info sobre los libros de Amelie Nothomb y dicho sea de paso podemos discutirlos, mientras que usando Google iremos a la fuente por excelencia: Wikipedia.

Lo bueno

• Lo dije antes pero lo repito, es rápido.
• Juice no es intrusiva, se muestra cuando quieres y sin abandonar la página
• Me gusta el panel Magic que muestra la información más relevante pero siempre conservamos la opción de seguir buscando en Twitter o Google.

Lo malo

• Supuestamente se integra con Facebook (requiere login) pero no logré que hiciera algo interesante. Seguiré intentando.
• No tiene opciones. Recién instalada muestra un asistente de configuración pero no logré hacer que volviera a salir y siento que me estoy perdiendo de algunas opciones (como cambiar el idioma por ejemplo).
• El panel de drops no permite guardar texto, así que en el caso del tweet de Jeanfer fue imposible guardar el nombre del libro para buscarlo más tarde.
  Por supuesto Evernote llego al rescate

Lo feo

• No se integra con All-in-one-sidebar, otra extensión para mejorar la sidebar, así que tengo dos sidebars. Juice del lado izquierdo (en donde no me gusta) y las demas en el lado derecho.
• De momento solo información en inglés.

Enlaces

• Web oficial de Juice | Juice en Addons.Mozilla
• Post de ThinkWasabi hablando sobre Juice
• Gracias a @N3T1O por avisarme de Juice.

Lo tengo que admitir, odiaba Friendfeed cuando comenzó, lo veía como una mala copia de Twitter con un poco más de opciones pero que tampoco llegaba al nivel de Facebook. De cualquier forma no había mucha gente dentro como para mantenerme entretenido. Entre de nuevo al mundo de Friendfeed y ya me esta creando adicción.

Friendfeed es fácil, te gusta algo lo marcas, odias algo lo comentas y si te molesta algo lo ocultas, es un buen filtro de Internet.  De momento y por los contactos que tengo se mantiene bastante geek, pero se nota que poco a poco eso esta cambiando. Por eso decidí que debía conectar el blog con Friendfeed, para unir los comentarios de ambos lados.

Personalmente no me importa si los comentarios están en un lado o en otro, me importa recibir el feedback de donde venga. Y si puedo unir comentarios con Friendfeed mucho mejor ¿no les parece?

Conectar los comentarios con Friendfeed

Buscando un poco encontré dos plugins útiles para unir el blog, en WordPress, con Friendfeed.

El primero es FriendFeed Comments WordPress Plugin que permite mostrar los comentarios y likes de FriendFeed en tu blog. Además incluye la opción de publicar comentarios en Friendfeed directamente desde el blog pero no habilite porque me pareció complicado ingresar el API Key para comentar. Justo allí es donde entra el segundo plugin, DISQUS Comment System.

Disqus es un sistema de comentarios para sitios web, su ventaja de los comentarios tradicionales es que se pueden votar los comentarios (comment ratings), permite responder a otro comentario (Threaded comments), además de ofrecer herramientas antispam y de moderación (nada del otro mundo). En este caso, otra ventaja es que Friendfeed permite importar tu actividad en Disqus, lo que significa que cuando comentes el comentario también aparece en FriendFeed (si lo tienes agregado por supuesto).

Algunas aclaraciones antes de cerrar el tema

• Para comentar no necesitas tener cuenta en Disqus, pero ayuda mucho.
• FriendFeed Comments no se integra con los comentarios de WordPress, es decir, muestra los comentarios de Friendfeed pero no los agrega a WordPress, ni viceversa.
• A FriendFeed Comments hay que hacerle algunas modificaciones al código para agregarle a los enlaces el atributo rel=”nofollow” y para personalizar mejor el plugin. Claro que esto es opcional.
• Disqus si se integra con WordPress por lo que cada comentario en Disqus se duplica en WordPress y no dependemos únicamente de Disqus.
• Disqus no exclusivamente para wordpress, funciona bien en cualquier página web, en blogger, tumblr (es el que uso en Solo Covers) y en otros sitios más.
• Aún no he podido probar Disqus en móviles, y es precisamente es una de las cosas que tengo pendiente, aunque todo parece indicar que funcionan.

Tengo los dos plugins a prueba y estoy abierto a sugerencias, así que ya saben, a dejar su comentario

PD: Me encuentran en Friendfeed como diciembre7

Google Reader es uno de los sitios que reviso todos los días, a veces más que el correo, en donde prácticamente entra todo lo que leo, y ahora con extensiones también sale todo lo que me interesa.

Las extensiones funcionan sobre Greasemonkey, una extensión para Firefox que debes instalar primero, y luego debes instalar cada extensión desde usercripts.org.

Add to Delicious

En una nueva ventana, te permite guardar la entrada en Delicious sin salir Google Reader. Muy útil teniendo en cuenta que la extensión de Delicious para Firefox no puede capturar las entradas.

Ir página de instalación

Add to Readbag

Readbag es un servicio para guardar páginas web para leerlas más tarde, usarlo es fácil porque entras con tu cuenta de Google. Al inicio no parece muy útil, incluso Google Reader ya incluye la opción “keep unread” (leer después aunque con el problema de que lo deja con el resto, mientras que con Readbag lo separas para leerlo luego. Yo lo uso especialmente para esos temas atemporales que no quiero leer, sino hasta el fin de semana o quizás en un mes.

Instalar (Para instalar desde Readbag ir a la sección de Goodies)

Share on Tumblr

Tumblr es un sitio web para compartir, es para crear “mini blogs” llamados tumblelogs, por ejemplo el mío lo utilizo para compartir temas cortos que no quiero publicar en el blog. Con esta extensión compartes la entrada directamente desde Google Reader y sin interrumpir “el orden de lectura.

Ir página de instalación

Commenter

Google Reader commenter es una extensión bastante simple pero muy útil. Oscurece la pantalla y carga la página del post (como lightbox para los entendidos), sin abandonar Google Reader, para que puedas comentar y luego seguir leyendo. Nada que no puedas hacer con las pestañas del navegador pero si muy útil.

Ir página de instalación

Pienso que la última versión de Flock (1.x) ha causado gran sensación en la blogosfera, en los últimos días he visto que más gente utiliza este navegador y con mucha razón. Si estas acostumbrado a subir fotos, contar tu vida en Twitter, usas redes sociales y ves muchos videos entonces Flock te vendra muy bien porque esta completamente orientado a ello. En mi caso es mi navegador predeterminado y solo utilizo Firefox para desarrollo web.

Pero aquí no voy hablar más de Flock sino de una extensión que me parece interesante, Flockstars. Flockstars es una extensión que te permite "detectar" los servicios web que otras personas utilizan, por ejemplo en mi caso al entrar a ivanmendoza.net encontrarás mi cuenta en Flickr, YouTube, Del.icio.us, ivanmendoza.net, webdebolsillo.com y mi contacto en Skype:

Instalarla es muy sencillo aunque para publicar tu información debes de crear tu emblema (badge) en la página del autor y colocar el código en tu sitio web, con ello obtendras un botón como este (hay otros estilos)

Como ven, Flockstars no es una extensión imprescindible pero si bastante útil para conocer a otros bloggers y amigos por Internet, así que si se animan a ser Flockstars dejen un comentario y pasaré a visitarlos pronto

A mi me recuerda a los Microformatos (HCard) pero en "versión web 2.0", y viendolo de esa forma me surge una duda ¿por qué los Microformatos no estan preparados para este tipo de información? (la respuesta dejemosla para otro tema)

Bonus: Si deseas una herramienta similar a Flockstars pero para Microformatos te recomiendo la extensión Tails Export para Firefox.

Hasta la próxima,
Iván Mendoza

Tags: flock, flockstars, blog, web2.0, microformats

A continuación publico un lista de herramientas que considero bastante útiles para el diseño y desarrollo de sitios web

Editores de texto
La mayoría de diseñadores que conozco utilizan Dreamweaver para diseñar, personalmente a mi me gusta más programar en un editor de texto "poderoso", como alguno de los siguientes:

• PSPad: Es el que uso actualmente, incluye pestañas, "árbol de etiquetas y clases", coloreado de sintaxis, pero hay opciones "pro" como por ejemplo el acceso FTP, el generador de Lorem Ipsum, formato de código HTML y CSS (lo ordena e indenta), manejo de proyectos, herramientas de conversión y otras más que no pienso mencionar pero valen la pena.
• Notepad++: Para mi Notepad es el "editor bonito", sin las complicaciones de PSPad pero bastante potente, útil, y a pesar de las extensiones limitado. Es el programa que le recomendaría a las personas que estén dando sus primeros pasos o no utilicen programación avanzada (digamos que solo HTML, CSS y Javascript) aunque de igual forma reconoce bastantes lenguajes de programación.
• Komodo Edit: Con Komodo tengo un problema, es una aplicación muy potente pero no iguala a PSPad y es mucha más complicado que Notepad++. Creo que se integra muy bien a ciertas herramientas y lenguajes, pero en general como "herramienta principal de batalla" no sirve, muy bueno pero demasiado complicado en muchos aspectos.

Accesorios

• Fast Stone Viewer (FSViewer): Es un visor y en gran medida también editor de imágenes, me recuerda mucho a las versiones anteriores de ACDSee aunque FSViewer es más sencillo. Con el podemos redimensionar, recortar, transformar, editar brillo/contraste/gamma/colores, renombrar y editar por lotes(muchas imágenes a la vez) entre otras opciones "menores". Lo puede utilizar cualquier persona y evita abrir photoshop para editar imágenes.
• FileZilla: Es un cliente FTP bastante simple de utilizar, en la versión 3 se incorporaron muchas mejoras en la interfaz y se "siente" mejor. Del lado negativo, odio que no incluya la opción de contraseña maestra al igual que Firefox o Thunderbird.

Navegadores

• Mozilla Firefox : Diría que es el mejor navegador que existe pero seguro el tema sería carne-para-trolls, así que solo diré que es muy bueno, las extensiones son lo máximo, se apega (en lo razonable) a los estándares y en mi caso rara vez he tenido problemas con el.
• Internet Explorer 7: La versión 7 de Internet Explorer (IE) logro muchos cambios respecto a versiones anteriores, creo que evoluciono bien pero todavía no compite contra Firefox y la comunidad de desarrolladores detrás de el.
• Multiple Internet Explorer: Programa que permite utilizar IE3, IE4, IE5 e IE6, además del IE que tenga nuestra PC, así que si ya instalamos el 7 podemos estar "tranquilos" utilizando casi todas las versiones de IE. Solo puedo reportar unas alertas que aparecen en IE6 cuando cargamos sitios web que incluyen flash.
• Opera: Otro gran navegador, es excelente porque es bastante ligero y por defecto bastante completo aunque se extrañan bastante las extensiones de Firefox y los widgets, pues son otra cosa diferente. La versión Opera USB es tan ligera que casi logra que elimine Firefox Portable de mi memoria USB, no lo hice solo porque en Firefox tengo extensiones bastante útiles.

Extensiones de Firefox para desarrollo Firefox

• Web developer toolbar Es una barra de herramientas, básicamente con accesorios para revisar y editar el diseño en línea. Notable: Regla, Recuadros (Outlines), edición de CSS en línea, y bloqueo de imágenes/css/javascript.
• Firebug: Es un "panel" que permite revisar nuestra página web, editar el HTML en línea, calcular tiempo de carga, consola de errores, Inspector de DOM además de otras opciones
• Del.icio.us: Hasta el momento la mejor herramienta para almacenar todos lo favoritos que encuentro, entre ellos documentación, ayuda, herramientas, artículos, etc.
• SEOQuake De las herramientas para analisis SEO es la que más me ha gustado, ofrece información sobre Pagerank, Alexa, del.icio.us, densidad de palabras, cantidad de enlaces, edad del dominio, páginas indexadas, whois, información adicional en páginas de buscadores y además la puedes desactivar cuando desees.
• ScreenGrab: Para realizar capturas de pantalla de las páginas de Internet, puede ser de un segmento, la parte visible o de toda la página.
• Colorzilla: Te permite obtener cualquier color de una página web (igual que gotero de photoshop).
• IE Tab: Con esta extensión puedes cargar en una nueva pestaña el navegador de Internet Explorer(utiliza la versión de IE que tengamos instalada)
• Fireshot: Realiza capturas de pantalla de las páginas de internet y luego permite agregarles elementos como etiquetas y flechas para mostrar información.
• FireFTP Cliente de FTP (funciona desde una pestaña de Firefox), útil para uso rápido y sin complicaciones.
• Header Spy (Necesita Live HTTP Headers para funcionar) Muestra las cabeceras HTTP (entre otra información) que devuelven los sitios web en la barra de estado.
• View formatted source Permite mostrar el código fuente de las páginas web ordenado y con color (mucho más fácil de leer).

Extensiones para Internet Explorer

• Internet Explorer Developer Toolbar: En mi opinión una mezcla de web developer toolbar y Firebug (extensiones de Firefox) porque añade herramientas a Internet explorer para el desarrollo de sitios web, es bastante limitada pero igual no deja de se útil. Incluye regla, Recuadros (outlines), edición de CSS en línea, permite eliminar cookies y cache y algunas opciones más que no recuerdo en estos momentos.
• DebugBar: Extensión orientada al desarrollo de sitios web en IE, ofrece inspector DOM, inspector de cabeceras HTTP, consola javascript, validador HTML entre otras opciones. Esta es una extensión que aún no he podido probar (pronto lo haré) pero se ve muy bien, especialmente porque no hay muchas herramientas similares.

Todas los programas y extensiones mencionados en este artículo son gratuitos para uso personal, así que los pueden descargar libremente y utilizarlos ahora mismo. También hago notar que los recomiendo porque los he probado (excepto DebugBar y Fireshot) y pienso que son dignos de recomendación, pero si tu conoces otros te agradeceré que los menciones en los comentarios.

Hasta la próxima,
Iván Mendoza