Max Villegas Viviendo en la era digital

Hace rato que quería postear sobre este tema. Primero, por la valiosa ayuda que significa contar con buenas herramientas de desarrollo y, segundo, porque Firefox es un tópico que me trae hartas visitas. Además, justo ahora me sirve para secundar un post de Darcy referente a una conversación que tuvimos sobre lo extraño que nos parece el temor que sienten algunas empresas por el hecho de que sus ideas sean copiadas… Uff! Si es la mejor forma de liderar en Internet. Por ejemplo, ayer investigaba nuevamente sobre las Conversaciones Distribuidas -un tema que me obsesiona- y llegué a la wiki de Microsiervos sobre el tema. Wow! Hace dos años todo estaba muy en pañales, pero ahora ya hay tres sitios que capitalizaron la idea y aún así la pelota sigue dando botes. ¡Qué enseñanza, no?

Aunque este es un tema bastante menor en comparación al ejemplo citado, espero sirva de base para una conversación interesante entre dearrolladores y bloggers sobre la materia. El caso es que en AV todos los sitios que producimos son testeados en Safari, Explorer 6/7, Opera, Firefox y Konqueror, no obstante el grueso del desarrollo se hace usando Firefox. No es casualidad, pues resulta que este browser cuenta una ventaja enorme para el desarrollo web, debido a la gran cantidad de extensiones que tiene para este efecto.

Finalmente, las 7 extensiones imperdibles para un desarrollador web son la siguientes:

1. Web Developer Toolbar
Es imperdonable si eres desarrollador y no la usas. Su utilidad sobrepasa todo lo que pueda decir de ella. Tal vez lo único que le falta es un cuentagotas, pero sólo por sus atajos de teclado para ver el código fuente o para pillar ese nodo html que necesitas para darle style o manipularlo vía Ajax es el “number one” de esta lista.

2. FireBug
Otra extensión obligatoria si desarrollas. Debo confesar que la uso desde hace poco, pero me ha sacado de apuros con javascript más de una vez. Aunque su utilidad se extiende también a CSS y HTML.

3. FireFTP
Es un cliente FTP que no tiene nada que envidiar a niguno de los más populares como CuteFTP o WSFTP. Soporta SFTP, conexiones pasivas y activas, sincronización entre la carpeta locales y del servidor.

4. Dom Inspector
Dependiendo de las opciones que selecciones, se instala junto con Firefox. Tremendamente útil para trabajar con Ajax, sobre todo, cuando te peleas con Explorer o Safari.

5. Tab MixPlus
Imperdible cada vez que instalo Firefox. Tal vez no es tan útil como las anteriores, pero me permite configurar las pesetañas, el comportamiento del mouse y la sesiones a mi antojo.

6. Colorzilla
Es el cuenta gotas que le falta a Web Developer, muy útil para trabajar en CSS y diseño en general.

7. Del.icio.us Bookmarks by Yahoo Inc.
Constantemente navego buscado tutoriales y guías que si no fuera por Del.icio.us y esta extensión se perderían en el olvido. Lo mejor es que tanto en mi casa como en mi trabajo tengo los mismos bookmarks. Si los necesito en otra parte, además los tengo integrados a mis blogs y a mi facebook.

Entonces ¿qué extensiones utilizas tú?

Leo en Google Operating System que Google lanzará la semana que viene una nueva herramienta para presentaciones tipo PowerPoint.

No hay mucha información sobre los servicios que prestará, pero según “Google Operating System” Google tiene una buena opción de sumar una herramienta poderosa si permite:

• Importar archivos PowerPoint
• Exportar como PPT, HTML o SWF
• Creación colaborativa como en Google Docs
• Si puede importar contenido desde sitios como Flickr, YouTube, Google Maps, etc.
• Si permite embeber la presentación en blogs

Por mientras, una buena alternativa para crear este tipo de presentaciones online es preezo.com

Recientemente he estado leyendo una serie de artículos que me ayuden a descubrir la quinta esencia de un blog exitoso. Aunque no hay fórmulas exactas para lograrlo, hay algunos tips sencillos de realizar que vale la pena tener en mente a la hora de escribir en un blog.

Ojo: estos tips son acerca de cómo escribir y titular en un blog de forma fácil y atractiva para tus lectores, no de cómo tomarse internet con odiosas técnicas de spaming ni nada parecido

1. En tus títulos no describas sobre qué trata tu post, sino cómo puede ayudar a tus lectores.
Si el título de este post fuese “Los buenos títulos aumentan las visitas de los blogs”, seguramente no estarías leyéndolo, porque es algo que sabes o, al menos, intuyes.

2. Haz que tus lectores sepan rápidamente que las soluciones que ofrecen tus notas son simples y fáciles
Nadie quiere complicarse la vida. Si de entrada hubiese comenzado a explicar lo que es web semántica, accesibilidad y cómo funcionan los motores de búsqueda, los agregadores de feed, RSS, XML, etc y cómo un buen título te puede posicionar mejor en google… no hubieras leído ni tres líneas.

3. Relaciona tus artículos con tus lectores y sus intereses
Si escribes sobre Digg y titulas “El efecto Digg triplica las visitas de un blog” seguramente sólo será atractivo para quienes tienen algún grado de interés en dicha comunidad, sin embargo, si escribes “Cómo Digg puede triplicar las visitas tu blog” la audiencia de tu nota será mucho mayor, porque es algo que casi todos desean.

4. Haz que tus lectores sepan que tu post es corto
Estamos llenos de información todos los días, cada minuto… vemos televisión, escuchamos radio, navegamos Internet, por eso haz que la información que proporcionas sea fácil de digerir… Que el trabajo sea tuyo, no de tus lectores.

Como idea Magento realmente no constituye nada nuevo. Podríamos decir que se trata de un sistema de comercio electrónico desarrollado en PHP y Mysql que surge como alternativa a Oscommerce para montar tu tienda virtual online y liberado bajo open source por la empresa Varien, pero con la gracia de que ha sido desarrollado utilizando Zend Framework.

Algunas de las características que se pueden destacar respecto de otras soluciones similares son:

• arquitectura escalable
• facilidad para integrar aplicaciones de terceros
• optimizado para SEO
• soporte Ajax para Web 2.0
• uso de tags
• soporte multidivisa y multi-lenguaje

Ver la lista completa de opciones

Magento Commerce está disponible en su versión 0.6 Beta, y se presenta como seria alternativa a OsCommerce debido a que tiene una gráfica y un código mucho más profesional que su rival.

No me gusta simplemente copiar y pegar, pero he encontrado dos textos más que interesantes que me gustaría enlazar para quien esté interesado.

El primero es sobre Arquitectura de Software y Usabilidad. A modo de resumen, la A.S. sería la encargada de:

• Definir los módulos principales
• Definir las responsabilidades que tendrá cada uno de estos módulos
• Definir la interacción que existirá entre dichos módulos:
• Control y flujo de datos
• Secuenciación de la información
• Protocolos de interacción y comunicación
• Ubicación en el hardware

Entre otras cosas hacer esta planificación correctamente serviría para evitar el típico “esto no es posible en esta plataforma” y lo que es peor, tener que implementar, a última hora y contra el tiempo, módulos que en un principio no fueron pensados como parte de un programa, algo que no debería ser tan dramático si se hubiese programado pensando en escalablilidad.

El segundo enlace es precisamente sobre escalabilidad. Realmente no es un texto sino una serie de reseñas sobre las plataformas usadas por sitios como Flickr, Digg o YouTube. En palabras sencillas, se trata de fichas técnicas con los lenguajes, bases de datos, servidores web, sistemas operativos y frameworks utilizados por estos sitios.

Sólo como comentario debo decir que me llama mucho la atención la ventaja abrumadora del conjunto Linux, Apache, MySQL y PHP, sobre otros entornos similares.

Revisando mis estadísticas descubrí que la mayor cantidad de visitas se las debo a Firefox y, obvio, eso hay que reforzarlo, porque para ser honesto, mis “10 maneras de optimizar Firefox” son un fiasco .

No diré nada nuevo, más bien lo que he procurado es hacer una recopilación de consejos o trucos para optimizar el navegador, y, en algunos casos, hablaré por experiencia propia.

Navegar más rápidamente

1. Escribe en la barra de direcciones: about:config
2. Ahora, en el campo de búsqueda escribe pipelining, aparecerán los siguientes valores:

* network.http.pipelining
* network.http.proxy.pipelining
* network.http.pipelining.maxrequests

3. Hay que cambiar los valores de éstos datos, se hace dando doble click y sobreescribiendo el dato nuevo, hay que establecer los siguientes valores:

* network.http.pipelining como true
* network.http.proxy.pipelining como true
* network.http.pipelining.maxrequests como 30

4. Por último, hay que dar click derecho en un espacio vacío, seleccionamos New > Integer, escribimos nglayout.initialpaint.delay damos Enter y establecemos su valor como 0.

Una vez realizados estos pasos y dependiendo de la conexión, la navegación será más rápida, pues el navegador procesará varias consultas a la vez y mostrará los datos conforme van llegando.

Vía directa

Otra posibilidad

Abrir Firefox y en la barra de direcciones escribir:

1-. about:config

2-. Establecer los siguientes parametros

browser.tabs.showSingleWindowModePrefs = true
browser.xul.error_pages.enabled = true
network.dns.disableIPv6 = true
network.http.max-connections = 48
network.http.max-connections-per-server = 24
network.http.max-persistent-connections-per-proxy = 12
network.http.max-persistent-connections-per-server = 6
network.http.pipelining = true
network.http.pipelining.maxrequests = 8

3-. Reinicar firefox

Fuente

Extensiones

* Web Developer:  Impresindible para resolver problemas de diseño. Tiene un editor de css, un validador, ver javascript y muchas otras cosas que me han sido de mucha utiulidad.

* Colorzilla: Para los diseñadores, permite escoger un color al estilo photoshop.
Los recomendados por usuarios:

* Tab Mix Plus:  Es una extensión que tiene una gran variedad de opciones, pero la más atractiva es que guarda la sesión cuando cerramos el navegador, es decir, si tenemos pestañas abiertas y cerramos, cuando volvamos a abrirlo tendremos estas pestañas como quedaron, con el historial de cada uno (botones atrás y adelante) e incluso el scroll. La idea original fue del Session Saver pero se cuelga mucho, con Tab Mix no se cuelga casi nada.

* Greasemonkey: Para los geeks que saben javascript es una maravillosa utilidad que permite prácticamente hacerle lo que sea a un sitio web. Y si no saben javascript hay algunos sitios que guardan y catalogan una gran variedad de scripts como GM User Scripts o Greasemonkeyd, vamos que hay de donde escoger.

HTML validator
* Nos indica cualquier error en la hoja de estilo y la forma en que puede ser corregida. No hay nada mejor que ver el ícono verde 100% perfecto en nuestros diseños.

Y aunque tengo algunos chiches más creo que estos son los que más uso día a día, sobre todo en asuntos de diseño. Por otra parte, hay algunas extensiones que he desintalado por que o no cumplen lo que prometen o son algo molestosos o hay aplicaciones mejores. Entre ellas están Fire FTP (se cuelga), Performancing (mejor w.bloggar) e Info RSS (odioso).

Key Shortcuts

Esto no es un truco de configuración pero puede ser muy util para ahorrarse un poco de tiempo. Es que los atajos de teclado, realmente no son cosa de frikis, sino una necesidad.

- Ctrl+H: Abrir la ventana del Historial
- Ctrl+R: Recargar la página.
- Ctrl+Q: Salir de la aplicación.
- Ctrl+N: Abrir una nueva ventana de navegación.
- Ctrl+O: Abrir un archivo.
- Ctrl+B: Abrir barra lateral de Favoritos.
- Ctrl+W: Cerrar pestaña actual.
- Ctrl+S: Guardar página como�€�
- Ctrl+-: Reducir el tamaño del texto.
- Ctrl++: Aumentar el tamaño del texto.
- Ctrl+D: Añadir un marcador.
- Ctrl+F: Buscar.
- Ctrl+G: Repetir una búsqueda.
- Ctrl+P: Imprimir página.
- Ctrl+I: Ver información de la página.
- Ctrl+Shift+L: Abrir una página Web.
- Ctrl+Shift+Enter: Completar la dirección de una página con sufijo .org.
- Ctrl+Enter: Completar la dirección de una página con sufijo .com.
- Ctrl+K: Buscar en la Web.
- Ctrl+F: Buscar en esta página.
- Ctrl+T: Abre una nueva pestaña en el navegador.

- Alt+Flecha de dirección derecha: Ir a la página siguiente.
- Alt+Flecha de dirección izquierda: Ir a la página anterior.
- Alt+Inicio: Ir a la página de Inicio.
- Alt+Enter: Abrir dirección en una nueva página.

- Shift+F6: Ir al marco anterior.
- Shift+Enter: Abrir un enlace en una nueva página.
- Shift+F3: Buscar resultado anterior.

- F7: Activar o desactivar el cursor.
- F11: Mostrar en pantalla completa.
- F6: Ir al marco siguiente.

Google liberó un nuevo AJAX framework basado en Java llamado Google Web Toolkit (GWT). Con este framework se pueden escribir facilmente plicaciones AJAX tal como Google Maps o Gmail.

Google Web Toolkit promete masificar AJAX y se constituye como un paso más en la conquista del mundo por parte de Google.

Personalemente el que esté basado en Java no me ha parecido del todo bien. De todas formas, viendo sus ejemplos (otro), seguro que nos permite ahorrar un montón de tiempo y olvidarnos del lío de compatibilidad entre Internet Explorer, Firefox, Safari y Opera.

Recursos
Ajax
Google

Aunque ya está algo repetido, nunca está mal darle un vistazo a estas 20 reglas para crear sitios web exitosos y tenerlos en cuenta (algunos más, algunos menos).

El texto es una traducción de 20 Rules Of Smart And Successful Web-development de Vitaly Friedman, archiconocido por The Web-Developer�€™s Handbook.

El enlace

recursos

Aunque esta guía está más enfocada al diseño de tabloides o afiches, siempre es útil tener en cuenta estos consejos para saber qué tipo de letra o fuente usar a la hora de diseñar una web.

El enlace

recursos

El estimador de tráfico de AdWords es una herramienta gratuita que, a partir de una o varias palabras que introduzcamos, estima el número de clicks diarios que los usuarios van a hacer sobre los enlaces patrocinados que aparezcan en la página de resultados del buscador de Google.

También permite establecer en qué países, regiones o idiomas queremos que aparezcan nuestra publicidad, datos que, junto a un precio máximo por click, nos permite saber cuánto nos gastaríamos al día en una determinada campaña.
Read the rest of this entry »