A Readability (otra alternativa es Readable) me la encontré de casualidad, lo que hace ésta herramienta -que pinta para imprescindible- es aplicar un estilo a la página que estamos visualizando para que tu lectura sea más cómoda, y que curiosamente usa la tecnología de Typekit de la que hablé un tiempo atrás; sobre todo es beneficiosa cuando navegas mucho en la internec. Un ejemplo de lo molesto que puede ser leer en pantalla son las notas de los periódicos en línea, rodeadas de un sin fin de publicidad y con un tamaño de tipografía minúscula.
Pero una imagen ejemplifica mejor su funcionamiento cuando presionas el bookmark de Readability en tu barra de favoritos, es súper sencillo “instalarlo” (te tardas 3 segundos):

sin Readability

con Readability
Cambios en la interfaz de Firefox 4.0 y Opera 10.5
Enero 25, 2010
Interesante los “pequeños” cambios en la interfaz de los navegadores en lo que respecta a su integración con Windows o más específicos en Windows 7. Stephen Horlander por lado de Firefox 4.0 (en su blog habla del proceso) con ese App Button en la izquierda superior del programa (que curiosamente Opera días previos había mostrado) y Jon Hicks en Opera 10.5.

Aunque si bien es cierto que los noruegos están más interesados por estrenar Carakan y Vega, también están trabajando para que su interfaz se integre mejor a Mac (compatible con Growl y toda la cosa), Windows y Linux; que era de lo que padecía en versiones anteriores. Notorio es que los navegadores se parecen más entre sí.

Gmail Notifier para Firefox
Julio 28, 2009
Estaba buscando un “notificador” sencillo para Gmail que me quitara un poco la manía de estar abriendo el correo a cada rato cuando espero un mmm… correo, valga la redundancia. Y lo encontré rápidamente en una extensión para Firefox llamada Gmail Notifier (hasta en el nombre no se complicaron). Hace lo único que necesito: notificarme cuando llega un nuevo correo en la barra de estado, nada más y nada menos. Genial. Bueno, en realidad tiene otras opciones como indicar en que lapsos de tiempo revisara la bandeja de entrada o si deseamos abrir el correo en una ventana o pestaña nueva.
Supongo que más de uno quisiera saber como usar HTML Y CSS, eso que se usa para diseñar páginas web. Realmente no es difícil, digo, en sí, no son lenguajes de programación, simplemente uno lo usas (HTML) para informar al navegador que es cierta cosa y otro (CSS) para decir como se tiene que ver esa cosa, como por ejemplo, un párrafo (en términos muy prácticos).
Tan no complicado es, en los fundamentos básicos, que lo puedes aprender desde tu computadora si tienes la voluntad y totalmente en español por si fuera poco. Sin embargo, hay muchos tutoriales en la red desactualizados que recomiendan usar prácticas no muy habituales estos días, como usar elementos HTML para cosas que no han sido concebidos o peor aún, usar algunos elementos que ya han sido desaprobados por la misma W3C, eso y entre otras cosas que descubriras. Y si por cualquiera de los casos tuvieras la necesidad de usar uno de esas “malas prácticas” por lo menos entender porqué lo estamos haciendo. Aunque también es cierto que no hay que tomarse todo tan estricto en esto de los estándares web como bien menciona Jeff Croft.
Bueno, para aprender desde el principio:
- Saber de que trata HTML y CSS, que mejor que HTML con clase primero y en seguida el manual CSS de Carlos Benavidez.
- Después nos leemos el Manual de Belén Albeza para repasar y actualizar lo aprendido, además de permitir ver como estas dos especificaciones o recomendaciones trabajan juntas. Igualmente nos ayudara a introducirnos al XHTML que digamos funciona de la misma manera que el HTML y comparte el mismo objetivo: “estructurar contenido”.
- Si tenemos dudas en el camino siempre podemos consultar las especificaciones de la misma W3C traducidas por SIDAR HTML 4.01 y CSS 2. O bien consultar pequeñas guías de referencias, en el caso de estar con CSS bajar la chuleta de Ateneu Popular.
- Aprendido lo básico y por si quieres profundizar en el tema están los libros gratuitos para imprimir o leer en linea de librosweb.es sobre XHTML y CSS. Si lo tuyo son los blogs puedes consultar a Diseñorama o CSSLab para técnicas mas avanzadas.
- También es siempre bueno preguntar y para eso están los Foros del Web (yo tenía el nick de Opeth pero hace unos ayeres que no entro).
Todos esos enlaces son sólo algunas recomendaciones que tenía guardados por ahí, si buscas en San Google seguramente encontraras mucha más información útil ya publicada por gente totalmente desinteresada.

The Pencil Project es un interesante proyecto de código abierto en el cual podemos crear de una forma fácil y rápida wireframes y prototipos de navegación (bocetos en cierto sentido). Estos se usan en el proceso de diseño de una página web y gracias a Pencil, todo desde Firefox, sólo debemos dibujar o arrastrar los elementos (botones, cajas de búsqueda o texto) dentro del lienzo o página.
Para el que no este muy familiarizado con el termino Wireframe o prototipos recomiendo leer el post de Usable y accesible llamado “Wireframe“, cito:
“Prototipos de Baja fidelidad o Wireframe o StoryBoard: son un conjunto de dibujos que representan cómo estarán organizados los elementos en las páginas, de tal manera que implementan aspectos generales del sistema sin entrar en detalle”.
Pencil de momento se ve bastante bien, teniendo en cuenta que un programa de este tipo, como Axure, viene costando casi 600 dólares, Pencil es gratuito.
Entre sus características encontramos:
- Renderizado en PNG
- Construcción de plantillas (prototipos)
- Documentos multi-página
- Herramientas de dibujo básicos: alinear, escalar, etc.
- Multi-plataforma
- Poder trabajar con objetos externos
En su página podemos ver videos de su funcionamiento en formato Ogg o por Web Tech Daily para no tener que descargarlos.
Mis atajos de teclado preferidos en Firefox
Julio 29, 2008

Alguien me preguntaba cuál eran mis atajos de teclado preferidos después de que hice el post “Las extensiones de Firefox ¿prescindibles o imprescindibles?“, así que aquí están. La lista completa de shortcuts para todos los sistemas operativos pueden verla en la propia Mozilla.
- Alt+Flecha izquierda atrás
- Alt+Flecha derecha adelante
- Ctrl+L Colocar el cursor en la barra de direcciones
- Ctrl+K Colocar el cursor en la barra de búsqueda, si presionan “alt+flecha abajo” pueden seleccionar el motor de búsqueda
- Alt+Enter Abrir la direcciones en una nueva pestaña, es un atajo y complemento ideal a los dos anteriores
- F5 Recargar
- Esc Detener
- Ctrl++ Zoom Incrementar
- Ctrl+- Zoom disminuir
- Ctrl+0 Restablecer Zoom
- / Buscar en la pagina
- F3 Buscar nuevamente
- Shift+F3 Búsqueda previa
- Ctrl+Shift+T Abrir pestaña cerrada previamente
- Ctrl+Tab o Ctrl+Shift+Tab Navegar entre las pestañas, aunque preferiria que se comportora como “Alt+Tab”
- Ctrl+J Descargas
- Ctrl+T Abrir una nueva pestaña
- Ctrl+W Cerrar pestaña
