Google organiza un desafió para desarrollar las extensiones más creativas y de mejor implementación técnica para Google Chrome, los ganadores se llevaran un teléfono Nexus One y la extensión será exhibida entre las Top Picks en la galería oficial.

Por otro lado, el día de mañana, 9 de Septiembre, se llevará a cabo un taller en Madrid para aprender a desarrollar extensiones en el navegador de Google.

Lamentablemente el desafío es solo para España. La bases completas están en la convocatoria oficial.

Firefox esconde muchos secretos, pero una de las funcionalidades menos conocidas y más útiles de Mozilla Firefox para aquellos que desarrollan páginas web es el uso de perfiles de usuario. Firefox permite crear perfiles específicos que incluyen aquellos plugins, temas o extensiones que un usuario puede necesitar. Además, tanto los marcadores, como el historial de navegación, descargas, etc., son exclusivos de este nuevo perfil.

¿Y para qué quiero yo perfiles? Por ejemplo, puede ser conveniente arrancar un perfil de Firefox con todos aquellos plugins que se usan para desarrollo o pruebas, y tener otro perfil para uso más general y sin tantos plugins. Así ahorramos consumo de memoria y mantenemos nuestro perfil por defecto a prueba de fallos. En este artículo os mostraré cómo configurar un perfil, cómo arrancarlo o cómo tener dos perfiles abiertos a la vez.

Lo primero es cerrar Fifefox, asegurándonos que no se está ejecutando en segundo plano. Luego, y en función del sistema operativo ejecutamos “firefox.exe -profilemanager“:

Esto nos abrirá esta ventana:

Si no habéis creado un perfil antes, podréis crear uno nuevo ahora pulsando “Crear perfil…”. Antes de continuar, os recomiendo que desactivéis la casilla de “No preguntar al inicio”. Así podréis elegir el perfil al arrancar Firefox.

Una vez creado, se selecciona y se pulsa “Iniciar Firefox”. Ahora ya tendréis un Firefox totalmente nuevo. Es decir, ninguno de los plugins, ni estilos, etc… del perfil por defecto, estarán en el nuevo perfil. Si nuestro objetivo es utilizar este perfil para diseñar o depurar aplicaciones, os recomiendo que os instaléis de golpe todos los plugins que consideréis necesarios.

Lo bueno de tener este perfil independiente, es que no sobrecargáis un único perfil con todos los plugins y así se ahorra memoria. Por supuesto, cualquier cambio que hagáis aquí no afectará al perfil por defecto, y podréis probar con cualquier plugin o tema sin ningún problema. Ahora tendréis una “sandbox” completamente a prueba de fallos que podréis utilizar como banco de pruebas sin correr el riesgo de cargaros vuestro perfil por defecto.

Para más comodidad os podéis crear accesos directos (esto variará en cada sistema operativo) que arranque uno u otro perfil. Para ello basta con poner esta ruta: firefox.exe -P “NombreDeMiPerfil”. En la ventana anterior de perfiles sería firefox.exe -P “Testing”. Si además queréis que ambas perfiles puedan estar abiertos a la vez, podéis añadir “-no-remote” a la línea anterior: firefox.exe -p “Normal” -no-remote.

Nota: Si no hacéis esto el perfil del primer acceso directo que ejecutéis será el que se use por todos.

Ni que decir tiene, que también se pueden aplicar los perfiles para usar en un ordenador compartido y que cada usuario tenga la configuración que quiera. Si queréis ampliar la información en la web de soporte de Mozilla hay más información sobre la gestión de perfiles.

¿Qué os parece el truco? ¿Usáis los perfiles habitualmente?

Six Revisions hace una útil recopilación con 10 aplicaciones para iPhone que todo diseñador o programador web debería tener. Entre ellas están:

• What The Font – Reconocimiento de tipografía online. Costo: Gratis.
• Source viewer – Una app para ver el código fuente de cualquier sitio web. Costo: $0.99 USD.
• FTP On The Go – Un completo cliente FTP móvil. Costo: $6.99 USD.
• Full Browser – Elimina las barras del navegador para una visualización a pantalla completa. Costo: $0.99 USD.
• Photoshop.com Mobile App – Herramientas básicas de edición de imágenes cortesía de Adobe. Costo: Gratis.

Puedes leer sobre 5 aplicaciones más y con una explicación más extendida en el artículo: 10 iPhone Apps Every Web Designer Should Know About de Six Revisions.

¿Te gusta el desarrollo web y el blogging? Ayúdanos a escribir en Blog and Web enviando tutoriales y artículos de calidad como invitado y nosotros te ayudamos con un enlace para difundir tu sitio y una remuneración económica. Los temas son los que puedes leer en Blog and Web. Recuerda que la intensión es obtener colaboraciones de calidad, por la tanto, no todas las colaboraciones recibidas serán publicadas/aceptadas; te contamos todos los detalles en la sección dedicada a enviar tutoriales.

Domainers México es un evento centrado en domaining, desarrollo web e internet en México a realizarse el 16 y 17 de Julio en el hotel Nikko, salón Granada, en la ciudad de México.

Pienso que el domaining es una de la áreas más abandonas por parte de desarrolladores y este evento es buena oportunidad para introducirse a este mundo y de paso conocer gente con bastante experiencia.

El evento no tiene costo de admisión y el registro en línea ya esta abierto, al igual que una parte de la agenda para estos dos días.

Sitio: domainersmexico.com

Todo desarrollador web da por descontado tener una conexión, sin embargo, siempre hay casos extraordinarios donde no se tiene este acceso y es cuando se valora todo el material de consulta que se tiene en el disco duro.

Para prevenir este "peligro" bien vale la pena tener manuales de consulta offline. Algunos de los que me han sido útiles personalmente son:

• Manual oficial de PHP – Disponible en html y chm en varios idiomas, incluido el español.
• Manual oficial de MySQL – Disponible en html, chm y pdf en varios idiomas, incluido el español.
• Manual CSS – Manual de CSS 2.1 en formato chm (no oficial).
• Manual HTML – Manual de HTML 4.0 en formato chm (no oficial).
• Manual Javascript – Manual de Javascript 1.5 en formato chm (no oficial).
• Manual de jQuery – La documentación oficial de jQuery 1.4 en un archivo chm (no oficial).
• Manual de la W3C – Manual sobre los estándares web en formato chm (no oficial).

Además de manuales, es muy útil contar con libros con una explicación más amplio y de aplicación práctica, para esto, los libros de librosweb.es son una excelente muestra (disponibles en versiones pdf).

Tú ¿Qué libros y manuales tienes para cuando te quedas offline?

Fotografía de Feuillu

Hasta hoy son 8 videotutoriales que enseñan desde cero, la programación en PHP, consultas en MySQL y el vinculo entre ambas tecnologías. A destacar sobre otros cursos de PHP el sentido práctico y fácil de seguir.

Videotutorial 1. Conceptos fundamentales:

Videotutorial 2. Variables y formularios.

Videotutorial 3. Estructuras condicionales.

Videotutorial 4. Ciclos.

Videotutorial 5. Arreglos.

Videotutorial 6. Introducción a MySQL.

Videotutorial 7. Consultas MySQL.

Videotutorial 8. Conexión PHP-MySQL.

Videotutorial 9. Desarrollo de un sistema de noticias con PHP y MySQL.

Un curso en línea bastante recomendado para seguir. Lastima no exista un RSS para suscribirse, pero siempre puedes consultar la sección de cursos del autor Para seguir los nuevos tutoriales puedes suscribirte al feed RSS del autor.

El navegador es una de las principales herramientas del desarrollador web y del blogger; las extensiones, una forma increíble de potenciarlos. Actualmente Mozilla Firefox lleva la cabeza con más de 5000 extensiones, sin embargo, Google Chrome llegó pisando fuerte y ya cuenta con cerca de 3000.

Un excelente ejemplo de la capacidad de los completos son las siguientes 16 extensiones para Firefox y Chrome que pueden hacer más fácil la vida de Bloggers, Desarrolladores y SEO’s:

1. Firebug

Firebug es una de las extensiones más completas y poderosas para el desarrollo web. Extremadamente útil para el trabajar con el código directamente en el navegador y ver los cambios en tiempo real.

Firefox: Descargar Firebug.

Chrome: Descargar Firebug.

Nota: La versión para Chrome esta en fase beta, pero ya es un extensión como tal, por encima de la versión Firebug Lite que circulaba desde hace tiempo.

2. Speed Page / Speed Tracer

Son extensiones para evaluar el tiempo de carga de un sitio. Muestra cada uno de elementos y su desempeño en la carga. Muy útiles para disminuir en el tiempo de carga y así mejorar la experiencia del usuario.

Firefox: Descargar Speed Page. Desarrollada por Google, es una extensión que funciona sobre Firebug.

Chrome: Speed Tracer. Extensión desarrollada también por Google.

3. Web Developer

Un completo kit de herramientas para trabajar con HTML, CSS, estándares, formularios, imágenes. Puede ser más de lo que necesitas sino trabajas cotidianamente con esto. Ideal para diseñadores web.

Firefox: Descargar web developer.

Chrome: Descargar Pendule.

4. SEO

Extensiones para ayudar con la optimización y seguimiento de un sitio web en los buscadores. Información estadística por dominio, posición en Google, palabras clave, desempeño del sitio web, entre muchos otros parámetros de importancia SEO.

Firefox: Descargar SeoQuake SEO. También ver SenSEO.

Chrome: Descargar Chrome SEO. También ver META SEO Inspector.

5. ColorZilla / Eye Dropper

ColorZilla es un es un elemento color picker, es decir, que se puede obtener el color de un elemento con solo dar un clic sobre él. Permite obtener el código de color en varios formatos o mostrar el resto de la paleta de colores circundante.

Firefox: Descargar ColorZilla.

Chrome: Descargar Eye Dropper.

6. IE Tab

IE Tab es una extensión que te permite visualizar un sitio web con tu versión de Internet Explorer, pero dentro de tu mismo navegador. Con la ventaja de tener un botón siempre a mano y no esperar la carga completa del glorioso IE.

Firefox: Descargar IE Tab

Chrome: Descargar IE Tab

7. Window Resizer

Permite redimensionar la ventana del navegador para probar como luce un sitio a múltiples resoluciones. No te da la misma noción que verlo en una resolución de forma nativa, pero si una buena idea del uso del espacio en el diseño.

Firefox: Descargar Window Resizer.

Chrome: Descargar Window Resizer.

8. Measureit

Measureit es un sencillo complemento que te permite medir las dimensiones de cualquier elemento en el navegador. Tal como su icono muestra, funciona como un regla virtual.

Firefox: Descargar Measureit.

Chrome: Descargar Measureit.

9. Screengrap / Webpage screenshoot

Screengrab es una excelente herramienta para copiar o guardar capturas de parte de visible de una página en el navegador, del sitio completo o una zona especifica. Sencillo y muy efectivo con su tarea.

Firefox: Descargar screengrab.

Chrome: Descargar webpage screenshoot.

10. Link Checker

Link Checker permite verificar el estado y tipo de los enlaces en un sitio web. Perfecto para encontrar enlaces rotos.

Firefox: Descargar Link Checker.

Chrome: Descargar Chrome Link Checker.

11. Greasemonkey

Greasemonkey es una extensión referencia en Firefox y permite cargar scripts y estilos sobre cualquier sitio web y mejorar nuestra experiencia de navegación. Cuenta con miles de scripts prácticamente para todo uso, por ejemplo, recuperar suscriptores en feedburner.

Firefox: Descargar Greasemonkey.

Chrome: No necesario. La última versión incluye soporte nativo para scripts de greasemnkey.

12. Diccionario de español

El diccionario de español es especialmente útil para bloggers con una ortografía tan mala como la mía. Resalta con subrayado las faltas de ortografía en cualquier campo de texto del navegador.

Firefox: Descargar diccionario de español: México, España, Argentina.

Chrome: Aun no disponibles. Existen diccionarios con el de RAE para definición de palabras, pero no como correctores ortográficos.

13. AdBlock

AdBlock es una extensión que te permite bloquear la publicidad de la mayoría de los sitios web. Para el desarrollador permite limpiar la interfaz con que se trabaja; para el blogger evita impresiones improductivas de los propios anuncios.

Firefox: Descargar AdBlock Plus.

Chrome: Descargar AdBlock y Browser Button for AdBlock.

14. Twitter

No catalogaría a las extensiones para Twitter como necesarias, pero sin duda que son populares entre bloggers y desarrolladores. Permiten leer y publicar mensajes en Twitter, desde una ventana discreta y ágil a la lectura.

Firefox: Descargar Echo fon.

Chrome: Descargar Chromed Bird.

15. BuiltWith

BuiltWith te permite saber con que CMS o script esta hecho un sitio web, mostrando un icono en la barra de direcciones del navegador.

Firefox: Descargar BuiltWith.

Chrome: Descargar BuiltWith.

16. Flags

Muestra la bandera del país donde se encuentra hospedado un sitio web o blog.

Firefox: Descargar FlagFox.

Chrome: Descargar Chrome Flags.

Conclusión

Es impresionante lo mucho que ha crecido Google Chrome en uso y desarrollo en tan poco tiempo, sin embargo, Mozilla Firefox sigue teniendo la ventaja en madurez. Tal como están las cosas ahora, la extensiones en Firefox superan por mucho a las de Chrome en desempeño y cantidad. Lo cierto es que Chrome cada día se acerca más y a Firefox les cuesta renovarse.

No esta de más decir que no es recomendable tener una gran cantidad de extensiones instaladas, escoge aquellas que sabes usaras de forma frecuente. También puedes ver en los bookmarlets una alternativa liviana a tareas de algunas de estas extensiones.

Ya hay cinco programas disponibles, el sitio web esta bajo licencia Creative Commons y tal vez lo único que haga falta es el código para embeber los programas en un sitio web externo y mejorar su difusión.

Ya están las herramientas y las conexiones para el contenido multimedia en internet, creo que es buen momento para estudiar un poco de edición de audio y video, pues seguramente, será parte de la evolución de los blogs.

Sitio: pixeltelevision.com / vía: diegomattei.com.ar

El WordCamp es un evento dedicado exclusivamente al mundo de WordPress organizado por usuarios de este sistema de gestión de contenidos. Se realizan desde hace varios años en varios puntos del globo y el próximo 20 de Noviembre se realizará en México.

El evento se llevará a cabo en la ciudad de México, posiblemente en instalaciones de la UVM. Hasta ahora los conferensistas para el WordCamp México son:

• Matt Mullenweg – Fundador de WordPress.
• Beau Lebens – Desarrollador en Automattic.
• Jane Wells – Diseñadora en WordPress.
• Armando Sosa – Conocido diseñador mexicano.
• Rubén Rincón – Nokia México.
• Nabor Garrido – Comunicador mexicano.

El evento es organizado por Colegio Nacional de Tecnologías Web, quien ya cuenta con la experiencia en organización de eventos web con el pasado México Web 2.0. Parece que la comunidad tecnológica ha despertado y en los siguientes meses hay un agenda atractiva de eventos. Si nada raro pasa, nos vemos por allá. ¿Quien va?

Más información: Sitio oficial del WordCamp México / Twitter