Nuevo Look de Google

Mini Nota:
Vaya, hace un rato me doy cuenta de que Google tiene una nueva interfaz en etapa de prueba...

Para los curiosos, las instrucciones para activar la interfaz estan acá. El cambio se ve suave, y se siente rápido y muy agradable, ya era hora que Google cambiara su look :)

Nuevo Look de Google

Mini Nota:
Vaya, hace un rato me doy cuenta de que Google tiene una nueva interfaz en etapa de prueba...

Para los curiosos, las instrucciones para activar la interfaz estan acá. El cambio se ve suave, y se siente rápido y muy agradable, ya era hora que Google cambiara su look :)

Google y su sistema operativo

Google anuncio su sistema operativo "Chrome OS" hace algunos dias, así que me di la tarea de probarlo. Aclaro, que probé "Chromium OS", no "Chrome OS", la diferencia, es la misma que la del navegador "Chrome" y "Chromium": Uno es código cerrado (y aún NO esta disponible) y es más pulido y profesional (Chrome), y su proyecto hermano "Chromium", es el mismo Chrome en versión open source y sin "afinar".

Pues lo mismo sucede con el sistema operativo de Google, no es uno, sino dos versiones del mismo sistema(Chrome y Chromium). Por motivos de conveniencia, me referiré a ambos sistemas como "Chrome OS". Aparte de eso, una excelente impresion que me dejo este sistema es el tiempo de arranque, que es increíblemente veloz, más que Moblin. La primera vez que se ejecuta, se "siente" como un kernel linux con un navegador encima... y esa, creo que es la mejor descripción que puedo darles del mismo. Después de todo, la idea principal detras de este sistema, es que nada esta almacenado en la maquina local, sino que todo esta en servicios web, lo que es "probablemente ideal" para netbooks y personas que no usan su computadora nada más que navegar en Internet.

"Un vistazo al blog, desde Chromium OS (con un tema instalado)"

El sistema es brillante en la misma medida que amenazador, es brillante porque Chrome OS es un sistema operativo que es completamente devoto a la Web, una plataforma de unificación de servicios y aplicaciones web, en las que se ata al usuario a una serie de servicios gratuitos totalmente propietarios, Chrome OS es el primer paso para una nueva estrategia de crecimiento y posicionamiento en la mente de un mercado muy interesante y emergente de usuarios que (como ya mencione) solo pasan conectados a Internet.

"Otro vistazo desde VirtualBox"

A continuación les pongo una serie videos que explican que es y como funciona Chrome OS:

"¿Qué es Chrome OS?"

"Tiempo de carga de Chromium OS"

Conseguir Chormium OS es sencillo, solo descargen el archivo .torrent de IsoHunt, precisamente lo que se descarga sería un disco duro virtual de VMWare.

Para usarlo, no necesitan tener VMWare en sus maquinas, pueden optar por VirtualBox, y TechCrunch tiene una excelente guía paso a paso para usar Chromium OS con VirtualBox.

Para que sigan más de cerca el proyecto, pueden visitar el sitio oficial de los proyectos "Chromium" (navegador y sistema operativo).

Vemos a seguir más detenidamente el desarrollo de este y de otros  proyectos similares, en lo personal no les veo mucha utilidad en nuestro medio, pero sin lugar a dudas el concepto, que no es nada nuevo, no deja de ser atractivo. Lo que más me interesa quizás, es la sana competencia entre servicios basados en la nube y la sana competencia (que beneficia mucho al usuario final) que surgirá cuando emerja Microsoft Azure para comenzar la verdadera competencia de gigantes, con sistemas operativos tan "Lite" como lo es "Chorme OS".

Y tu, ¿piensas que en tu país podrías pasar conectado a Internet, de depender de manera primordial de todos los servicios que Google ofrece?
A mi en latinoamerica, esa idea no me parece muy factible. ¡Saludos!

Google y su sistema operativo

Google anuncio su sistema operativo "Chrome OS" hace algunos dias, así que me di la tarea de probarlo. Aclaro, que probé "Chromium OS", no "Chrome OS", la diferencia, es la misma que la del navegador "Chrome" y "Chromium": Uno es código cerrado (y aún NO esta disponible) y es más pulido y profesional (Chrome), y su proyecto hermano "Chromium", es el mismo Chrome en versión open source y sin "afinar".

Pues lo mismo sucede con el sistema operativo de Google, no es uno, sino dos versiones del mismo sistema(Chrome y Chromium). Por motivos de conveniencia, me referiré a ambos sistemas como "Chrome OS". Aparte de eso, una excelente impresion que me dejo este sistema es el tiempo de arranque, que es increíblemente veloz, más que Moblin. La primera vez que se ejecuta, se "siente" como un kernel linux con un navegador encima... y esa, creo que es la mejor descripción que puedo darles del mismo. Después de todo, la idea principal detras de este sistema, es que nada esta almacenado en la maquina local, sino que todo esta en servicios web, lo que es "probablemente ideal" para netbooks y personas que no usan su computadora nada más que navegar en Internet.

"Un vistazo al blog, desde Chromium OS (con un tema instalado)"

El sistema es brillante en la misma medida que amenazador, es brillante porque Chrome OS es un sistema operativo que es completamente devoto a la Web, una plataforma de unificación de servicios y aplicaciones web, en las que se ata al usuario a una serie de servicios gratuitos totalmente propietarios, Chrome OS es el primer paso para una nueva estrategia de crecimiento y posicionamiento en la mente de un mercado muy interesante y emergente de usuarios que (como ya mencione) solo pasan conectados a Internet.

"Otro vistazo desde VirtualBox"

A continuación les pongo una serie videos que explican que es y como funciona Chrome OS:

"¿Qué es Chrome OS?"

"Tiempo de carga de Chromium OS"

Conseguir Chormium OS es sencillo, solo descargen el archivo .torrent de IsoHunt, precisamente lo que se descarga sería un disco duro virtual de VMWare.

Para usarlo, no necesitan tener VMWare en sus maquinas, pueden optar por VirtualBox, y TechCrunch tiene una excelente guía paso a paso para usar Chromium OS con VirtualBox.

Para que sigan más de cerca el proyecto, pueden visitar el sitio oficial de los proyectos "Chromium" (navegador y sistema operativo).

Vemos a seguir más detenidamente el desarrollo de este y de otros  proyectos similares, en lo personal no les veo mucha utilidad en nuestro medio, pero sin lugar a dudas el concepto, que no es nada nuevo, no deja de ser atractivo. Lo que más me interesa quizás, es la sana competencia entre servicios basados en la nube y la sana competencia (que beneficia mucho al usuario final) que surgirá cuando emerja Microsoft Azure para comenzar la verdadera competencia de gigantes, con sistemas operativos tan "Lite" como lo es "Chorme OS".

Y tu, ¿piensas que en tu país podrías pasar conectado a Internet, de depender de manera primordial de todos los servicios que Google ofrece?
A mi en latinoamerica, esa idea no me parece muy factible. ¡Saludos!

5 Juegos de Estrategia (100% libres).

Hace poco jugué una partida de Age of Empires II (The Conquerors Expansion) con un compañero del trabajo y me entro una nostalgia y un deseo increíble por volver rememorar aquellos viejos tiempos en los que mi vida era pensar en como hacer un "rush" (*snif* jaja).
Valga la aclaración: soy un fanático de los juegos de estrategia en tiempo real (RTS), creo que perdí mucho tiempo jugando Age of Empires II, StarCraft y WarCraft III y sus respectivas expansiones, así como Age of Mythology, Empire Earth y Warlord... si, lo acepto, fue mucho tiempo "perdido"... pero  me divertí mucho :)

Recuerdo que cuando me pase definitivamente a utilizar Linux (Debian y Ubuntu) sentí la incomodidad de migrar a un sistema al que casi no existen juegos de este genero, y si los habían... pues daban lastima. Por supuesto con el tiempo fui conociendo varias alternativas para ejecutar juegos propietarios en los sistemas linux, los casos más exitosos (los juegos que mejor corren): StarCraft y WarCraft III se ejecutan perfectamente bien en el Wine, lamentablemente Age of Empires II, no, es insoportablemente lento.

Pero bien, no quiero hablarles de configuraciones mágicas del Wine (la mayoría las pueden encontrar acá en caso de que busquen alguna), ni mucho menos de "comprar" juegos para Linux, hoy quiero recomendarles cinco juegos de estrategia en tiempo real completamente libres (y gratuitos) que se ejecutan de forma nativa y suave en Linux (y probablemente también en Windows).

Así que si son fans del genero RTS y del software libre, esto es lo que les recomiendo:

1) Warzone 2100
Warzone 2100 originalmente fue producido (en 1999) para Windows y el PlayStation, pero en el 2004, el código fuente y todos sus datos multimedia fueron liberados bajo la amada GNU General Public License. Warzone 2100 esta disponible como paquete precompilado para tu distro preferida. Es ligeramente exigente, tiene gráficos aceptables y es completamente en 3D, como pueden ver en la captura:

"Captura Warzone 2100"

2) Glest
Glest es un excelente juego en 3D multiplataforma desarrollado por un equipo de Españoles. El ambiente del juego recuerda a la edad media, y tiene dos facciones únicamente (Mágica y Tecnológica), pero lo genial de Glest, es que puedes añadir facciones personalizadas al juego, muchas de estas las pueden encontrar en la gran comunidad que constantemente esta creando nuevos mapas, unidades y facciones para usar en el juego.

"Captura de Glest"

3) Bos Wars
Bos Wars tiene estilo futurista y es multiplataforma también. El proyecto comenzó en el 2004 por Tina Petersenand, el líder actual del proyecto es François Beerten. El motor del juego esta escrito completamente en C++  atado a las librerías SDL, y utiliza Lua como lenguaje script.
Lo confuso (para mi) al comenzar a jugar Bos Wars es la lógica de economía variable en el juego. Hay dos recursos en el juego, energía y magma. La energía se produce por medio de plantas (de energía), y el magma se obtiene de los "puntos calientes" (hot spots). El control de largas partes del mapa crea un potencial para aumentar el rendimiento de tu economía. Y ahí esta el detalle, es claro que si controlas más del mapa, se posee una mejor economía, lo que te obliga psicologicamente a acaparar todo lo que se pueda siempre con una buena estrategia en mente. Bos Wars crea un juego totalmente original y bastante bueno, que recuerda a títulos de "similar aspecto" como como WarCraft II y AOE.

"Captura de Bos Wars"

4) Globulation 2

Globulation 2 es una interesante propuesta para un RTS, que reduce el micro manejo de unidades (click y asignar tarea) al automatizar las mismas a tareas especificas de recoleccion, reparacion, ataque, defensa, etc, de acuerdo a las necesidades del usuario. En otras palabras, solo creas unidades, y dibujas areas en el mapa, y las unidades dinamicamente trataran de satisfacer estas necesidades lo mejor que pueden. Es interesante, innovador, posee una buena inteligencia artificial, juegos multiplayer y  editor de mapas y lenguaje script y gráficos aceptables... pero les advierto que se siente lento, este es un tipo de juego para las personas que se "ponen a hacer casitas" en Age of Empires.

5) Spring
Spring, no tiene nada que ver con el Framework de Java, es más bien un poderoso motor de juegos 3D de estrategia en tiempo real, que ofrece a los desarrolladores un marco de trabajo para hacer juegos RTS como ellos quieran... pero para ya no seguir explicando, mejor les dejo algunas capturas de varios "mods" para Spring:









Para los curiosos, las capturas corresponden a: Evolution RTS, Spring: 1944, Kernel Panic y War Evolution todos parte de varios "mods" que se pueden jugar en Spring :)

Bien, espero que esta pequeña lista sirva para aplacar el deseo de jugar RTS en Ubuntu o Mandriva o Fedora o la distribución que a ustedes más les guste. ¡Espero que les sirva, saludos!

5 Juegos de Estrategia (100% libres).

Hace poco jugué una partida de Age of Empires II (The Conquerors Expansion) con un compañero del trabajo y me entro una nostalgia y un deseo increíble por volver rememorar aquellos viejos tiempos en los que mi vida era pensar en como hacer un "rush" (*snif* jaja).
Valga la aclaración: soy un fanático de los juegos de estrategia en tiempo real (RTS), creo que perdí mucho tiempo jugando Age of Empires II, StarCraft y WarCraft III y sus respectivas expansiones, así como Age of Mythology, Empire Earth y Warlord... si, lo acepto, fue mucho tiempo "perdido"... pero  me divertí mucho :)

Recuerdo que cuando me pase definitivamente a utilizar Linux (Debian y Ubuntu) sentí la incomodidad de migrar a un sistema al que casi no existen juegos de este genero, y si los habían... pues daban lastima. Por supuesto con el tiempo fui conociendo varias alternativas para ejecutar juegos propietarios en los sistemas linux, los casos más exitosos (los juegos que mejor corren): StarCraft y WarCraft III se ejecutan perfectamente bien en el Wine, lamentablemente Age of Empires II, no, es insoportablemente lento.

Pero bien, no quiero hablarles de configuraciones mágicas del Wine (la mayoría las pueden encontrar acá en caso de que busquen alguna), ni mucho menos de "comprar" juegos para Linux, hoy quiero recomendarles cinco juegos de estrategia en tiempo real completamente libres (y gratuitos) que se ejecutan de forma nativa y suave en Linux (y probablemente también en Windows).

Así que si son fans del genero RTS y del software libre, esto es lo que les recomiendo:

1) Warzone 2100
Warzone 2100 originalmente fue producido (en 1999) para Windows y el PlayStation, pero en el 2004, el código fuente y todos sus datos multimedia fueron liberados bajo la amada GNU General Public License. Warzone 2100 esta disponible como paquete precompilado para tu distro preferida. Es ligeramente exigente, tiene gráficos aceptables y es completamente en 3D, como pueden ver en la captura:

"Captura Warzone 2100"

2) Glest
Glest es un excelente juego en 3D multiplataforma desarrollado por un equipo de Españoles. El ambiente del juego recuerda a la edad media, y tiene dos facciones únicamente (Mágica y Tecnológica), pero lo genial de Glest, es que puedes añadir facciones personalizadas al juego, muchas de estas las pueden encontrar en la gran comunidad que constantemente esta creando nuevos mapas, unidades y facciones para usar en el juego.

"Captura de Glest"

3) Bos Wars
Bos Wars tiene estilo futurista y es multiplataforma también. El proyecto comenzó en el 2004 por Tina Petersenand, el líder actual del proyecto es François Beerten. El motor del juego esta escrito completamente en C++  atado a las librerías SDL, y utiliza Lua como lenguaje script.
Lo confuso (para mi) al comenzar a jugar Bos Wars es la lógica de economía variable en el juego. Hay dos recursos en el juego, energía y magma. La energía se produce por medio de plantas (de energía), y el magma se obtiene de los "puntos calientes" (hot spots). El control de largas partes del mapa crea un potencial para aumentar el rendimiento de tu economía. Y ahí esta el detalle, es claro que si controlas más del mapa, se posee una mejor economía, lo que te obliga psicologicamente a acaparar todo lo que se pueda siempre con una buena estrategia en mente. Bos Wars crea un juego totalmente original y bastante bueno, que recuerda a títulos de "similar aspecto" como como WarCraft II y AOE.

"Captura de Bos Wars"

4) Globulation 2

Globulation 2 es una interesante propuesta para un RTS, que reduce el micro manejo de unidades (click y asignar tarea) al automatizar las mismas a tareas especificas de recoleccion, reparacion, ataque, defensa, etc, de acuerdo a las necesidades del usuario. En otras palabras, solo creas unidades, y dibujas areas en el mapa, y las unidades dinamicamente trataran de satisfacer estas necesidades lo mejor que pueden. Es interesante, innovador, posee una buena inteligencia artificial, juegos multiplayer y  editor de mapas y lenguaje script y gráficos aceptables... pero les advierto que se siente lento, este es un tipo de juego para las personas que se "ponen a hacer casitas" en Age of Empires.

5) Spring
Spring, no tiene nada que ver con el Framework de Java, es más bien un poderoso motor de juegos 3D de estrategia en tiempo real, que ofrece a los desarrolladores un marco de trabajo para hacer juegos RTS como ellos quieran... pero para ya no seguir explicando, mejor les dejo algunas capturas de varios "mods" para Spring:









Para los curiosos, las capturas corresponden a: Evolution RTS, Spring: 1944, Kernel Panic y War Evolution todos parte de varios "mods" que se pueden jugar en Spring :)

Bien, espero que esta pequeña lista sirva para aplacar el deseo de jugar RTS en Ubuntu o Mandriva o Fedora o la distribución que a ustedes más les guste. ¡Espero que les sirva, saludos!

Herramientas Colaborativas Para Desarrolladores

"La edición colaborativa de documentos es útil cuando el equipo de trabajo no se puede reunir físicamente"

Gracias al uso del internet, hoy en día los desarrolladores pueden participar en proyectos de software que no necesariamente se llevan a cabo en la misma zona geográfica de su domicilio haciendo uso de herramientas de versionamiento de código fuente que permite tener un repositorio en la nube el cual puede ser actualizado desde cualquier parte del mundo donde se posea una conexión a internet.

Así también ha sido de mucha ayuda contar con otros tipos de herramientas no solamente orientadas al control del código fuente sino también para la edición de documentos alojándolos en la nube por medio de Google Docs o la nueva versión web de Microsoft Office.

Aun así, lo que les hace falta a estas herramientas es la capacidad de edición colaborativa en tiempo real. Recientemente he descubierto varias aplicaciones web que me han sido de mucha ayuda al momento de revisar, editar y discutir código fuente de manera colaborativa así como también realizar y compartir diagramas. Estas herramientas son CollabEdit y Cacoo.


CollabEdit (link)

Collabedit es una herramienta que te permite escribir un documento de texto cualquiera al mismo tiempo que otros usuarios pueden ver dichos cambios en tiempo real y editar dichos cambios. Además la herramienta permite aplicarle formato al texto para resaltar palabras clave dependiendo del lenguaje de programación en el que esté escrito.

Lo que destaca a esta herramienta del resto es su simplicidad y facilidad de uso. No requiere registrarse ni pagar por el uso del servicio además que no define permisos de vista o edición, todos se vuelven editores del documento. Al entrar al sitio aparece a primera vista un botón para crear un nuevo documento el cual puede ser compartido con otras personas copiando la URL única que se genera para cada documento.

La desventaja de su simplicidad es que, al no tener la necesidad de registrarse en el sitio para poseer una cuenta, tampoco se posee la funcionalidad de guardar el documento aunque sí permite descargar el contenido como archivo. El propósito mas apropiado para esta herramienta es entonces, el usarlo como medio para discutir código fuente que ya tenias creado mediante algún IDE de desarrollo pero necesitas discutirlo o corregirlo de manera colaborativa con otros colegas a través de internet.

"Edición colaborativa de una clase Java en Collabedit(Clic para agrandar)"

Cacoo (link)

Cacoo te permite crear diagramas y ser editados de forma colaborativa con varios usuarios a la vez. A diferencia de collabedit, este si requiere que te registres(sin costo alguno) en su sitio pero a cambio gozas de las ventajas de poder asignar permisos a la hora de compartir tus diagramas además de que estos quedan guardados en tu cuenta.

Posee figuras para la creacion de una gran variedad de diagramas, como por ejemplo UML, Diagramas de Flujo, Diagramas de Red, Sitemaps, etc. Posee herramientas que lo asemejan a una aplicación de escritorio como el copy/paste de figuras, el undo y exportación a PNG. Además de todo lo anterior, el workspace cuenta con una sección para chat en la que los editores del diagrama pueden discutir como si estuvieran en msn o google talk, sin la necesidad de moverse a otra ventana.

Aca un vídeo de ejemplo del funcionamiento de Cacoo:

"Video demostrativo del funcionamiento de Cacoo"

internet desarrollo diseño google microsoft colaborativo real time

Herramientas Colaborativas Para Desarrolladores

"La edición colaborativa de documentos es útil cuando el equipo de trabajo no se puede reunir físicamente"

Gracias al uso del internet, hoy en día los desarrolladores pueden participar en proyectos de software que no necesariamente se llevan a cabo en la misma zona geográfica de su domicilio haciendo uso de herramientas de versionamiento de código fuente que permite tener un repositorio en la nube el cual puede ser actualizado desde cualquier parte del mundo donde se posea una conexión a internet.

Así también ha sido de mucha ayuda contar con otros tipos de herramientas no solamente orientadas al control del código fuente sino también para la edición de documentos alojándolos en la nube por medio de Google Docs o la nueva versión web de Microsoft Office.

Aun así, lo que les hace falta a estas herramientas es la capacidad de edición colaborativa en tiempo real. Recientemente he descubierto varias aplicaciones web que me han sido de mucha ayuda al momento de revisar, editar y discutir código fuente de manera colaborativa así como también realizar y compartir diagramas. Estas herramientas son CollabEdit y Cacoo.


CollabEdit (link)

Collabedit es una herramienta que te permite escribir un documento de texto cualquiera al mismo tiempo que otros usuarios pueden ver dichos cambios en tiempo real y editar dichos cambios. Además la herramienta permite aplicarle formato al texto para resaltar palabras clave dependiendo del lenguaje de programación en el que esté escrito.

Lo que destaca a esta herramienta del resto es su simplicidad y facilidad de uso. No requiere registrarse ni pagar por el uso del servicio además que no define permisos de vista o edición, todos se vuelven editores del documento. Al entrar al sitio aparece a primera vista un botón para crear un nuevo documento el cual puede ser compartido con otras personas copiando la URL única que se genera para cada documento.

La desventaja de su simplicidad es que, al no tener la necesidad de registrarse en el sitio para poseer una cuenta, tampoco se posee la funcionalidad de guardar el documento aunque sí permite descargar el contenido como archivo. El propósito mas apropiado para esta herramienta es entonces, el usarlo como medio para discutir código fuente que ya tenias creado mediante algún IDE de desarrollo pero necesitas discutirlo o corregirlo de manera colaborativa con otros colegas a través de internet.

"Edición colaborativa de una clase Java en Collabedit(Clic para agrandar)"

Cacoo (link)

Cacoo te permite crear diagramas y ser editados de forma colaborativa con varios usuarios a la vez. A diferencia de collabedit, este si requiere que te registres(sin costo alguno) en su sitio pero a cambio gozas de las ventajas de poder asignar permisos a la hora de compartir tus diagramas además de que estos quedan guardados en tu cuenta.

Posee figuras para la creacion de una gran variedad de diagramas, como por ejemplo UML, Diagramas de Flujo, Diagramas de Red, Sitemaps, etc. Posee herramientas que lo asemejan a una aplicación de escritorio como el copy/paste de figuras, el undo y exportación a PNG. Además de todo lo anterior, el workspace cuenta con una sección para chat en la que los editores del diagrama pueden discutir como si estuvieran en msn o google talk, sin la necesidad de moverse a otra ventana.

Aca un vídeo de ejemplo del funcionamiento de Cacoo:

"Video demostrativo del funcionamiento de Cacoo"

internet desarrollo diseño google microsoft colaborativo real time

Explotando la Web Developer Toolbar

"Una de las características que destacan a Firefox de los demás navegadores es su gran cantidad de útiles add-ons que se pueden instalar en el"

Firefox Addons

Como ya se nos esta haciendo costumbre acá en el Sr Byte, les traemos un conjunto de add-ons para Firefox que durante nuestras experiencias hemos descubierto como bastante útiles para trabajar con HTML, CSS y Javascript, especialmente porque los IDEs de desarrollo a veces no cuentan con las herramientas suficientes para editar visualmente las páginas web de modo que puedas saber con gran exactitud cómo se verá tu sitio en un navegador desde el momento en que lo estás diseñando.

Rodrigo anteriormente había publicado una colección de add-ons directamente en el sitio de addons de Firefox, a los cuales yo agregaré unos cuantos mas en este post y en otros posteriores los cuales considero un MUST para desarrolladores y diseñadores web.

Web developer toolbar (link)

Este es uno de los addons que no pueden faltar en el browser de todo desarrollador web. Contiene tantas opciones que en sí sustituye a muchos otros addons actualmente disponibles para desarrolladores web en el sitio de Mozilla. A continuación listaremos algunas de las opciones mas útiles de esta barra de herramientas para todo desarrollador web:

Miscellaneous -> Display line guides: Esta opción sirve para comprobar la alineación diferentes elementos HTML de un sitio web. Sustituye al add-on gridfox.

"En este ejemplo podemos ver como usamos las líneas guía del Web Developer Toolbar para detectar una porción desalineada en las secciones de la Wikipedia, la cual se ha remarcado con una flecha."

Miscellaneous -> Display ruler: Con esta opción puedes dibujar un rectángulo remarcando elementos HTML o cualquier sección dentro de una página web y este te dirá la posición X/Y, longitud y anchura de estos elementos en pixeles. Una vez dibujado el rectángulo este puede moverse y redimensionarse para remarcar exactamente el elemento del cual se desea saber su posición y tamaño dentro de la página. Sustituye al addon measureit.

"La caja de texto de búsqueda de Google mide exactamente 568 pixeles de ancho y 25 de largo"

Information -> Display Element Information: Esta opción convertirá tu puntero en una cruz con la cual podrás remarcar y seleciconar un elemento HTML dentro de un sitio web y al darle clic, WebDeveloper te mostrará un recuadro con los atributos, clases, posición, ancestros, etc. de dicho elemento. Además, debajo de la WebDeveloper toolbar te mostrará la ubicación en formato XPath de dicho elemento.

"Información del elemento HTML caja de búsqueda del sitio twitter.com"

Outline -> Outline Custom Elements: La cual te permite remarcar elementos HTML de una página mediante su id, clase o tag, permitiéndonos además remarcar 5 elementos a la vez y elegir el color con el que queremos que cada uno de ellos sea remarcado. Una forma de búsqueda de elementos similar a como lo realiza el addon FireFinder.

"WebDeveloper nos remarca los elementos HTML dentro de la página de Javaword que poseen la clase CSS llamada byline"

Cookies -> View Cookie Information: Esta opción nos abrirá una nueva pestaña de Firefox en la cual nos listará todas las cookies que los sitios visitados han guardado en nuestro sistema, además de poder editarlas y eliminarlas. Desde la opción Cookies también podemos agregar nuevas cookies a nuestro sistema operativo por si algún sitio la requiere. Funciona de manera similar al addon firecookie

"WebDeveloper me muestra las cookies que el sitio osum.sun.com ha guardado en mi computadora"

Information -> View Color Information: Opción con la cual podremos obtener la paleta de colores que se está usando en un sitio web, con sus respectivos valores en RGB hexadecimal. Esta nos la visualiza en una nueva pestaña de Firefox.

"WebDeveloper mostrando la paleta de colores que compone el sitio deviantart.com"

Tools -> Validate HTML: La cual nos lleva a la página de validación del w3c.org en el cual revisan la validez del código HTML con el cual está construido el sitio que estábamos visitando. En dicho sitio se nos lista detalladamente cada uno de los errores HTML que posee el sitio anteriormente visitado. Existe una opción extra, Tools -> Display page validation la cual te muestra una barra de herramientas debajo de la WebDeveloper la cual nos aplica una validación básica del HTML y CSS de nuestro sitio.

"Al validar el sitio stackoverflow.com desde la opción del WebDeveloper podemos ver que según el w3c validator este posee unos cuantos errores. Sin embargo la validación básica que aparece en la barra de herramientas bajo la WebDeveloper nos dice que el HTML es válido."

Próximamente hablaremos de otro add-on de Firefox que merece un post completo debido a su gran complejidad y al hecho que es un add-on que soporta más add-ons. Estén pendientes.

Explotando la Web Developer Toolbar

"Una de las características que destacan a Firefox de los demás navegadores es su gran cantidad de útiles add-ons que se pueden instalar en el"

Firefox Addons

Como ya se nos esta haciendo costumbre acá en el Sr Byte, les traemos un conjunto de add-ons para Firefox que durante nuestras experiencias hemos descubierto como bastante útiles para trabajar con HTML, CSS y Javascript, especialmente porque los IDEs de desarrollo a veces no cuentan con las herramientas suficientes para editar visualmente las páginas web de modo que puedas saber con gran exactitud cómo se verá tu sitio en un navegador desde el momento en que lo estás diseñando.

Rodrigo anteriormente había publicado una colección de add-ons directamente en el sitio de addons de Firefox, a los cuales yo agregaré unos cuantos mas en este post y en otros posteriores los cuales considero un MUST para desarrolladores y diseñadores web.

Web developer toolbar (link)

Este es uno de los addons que no pueden faltar en el browser de todo desarrollador web. Contiene tantas opciones que en sí sustituye a muchos otros addons actualmente disponibles para desarrolladores web en el sitio de Mozilla. A continuación listaremos algunas de las opciones mas útiles de esta barra de herramientas para todo desarrollador web:

Miscellaneous -> Display line guides: Esta opción sirve para comprobar la alineación diferentes elementos HTML de un sitio web. Sustituye al add-on gridfox.

"En este ejemplo podemos ver como usamos las líneas guía del Web Developer Toolbar para detectar una porción desalineada en las secciones de la Wikipedia, la cual se ha remarcado con una flecha."

Miscellaneous -> Display ruler: Con esta opción puedes dibujar un rectángulo remarcando elementos HTML o cualquier sección dentro de una página web y este te dirá la posición X/Y, longitud y anchura de estos elementos en pixeles. Una vez dibujado el rectángulo este puede moverse y redimensionarse para remarcar exactamente el elemento del cual se desea saber su posición y tamaño dentro de la página. Sustituye al addon measureit.

"La caja de texto de búsqueda de Google mide exactamente 568 pixeles de ancho y 25 de largo"

Information -> Display Element Information: Esta opción convertirá tu puntero en una cruz con la cual podrás remarcar y seleciconar un elemento HTML dentro de un sitio web y al darle clic, WebDeveloper te mostrará un recuadro con los atributos, clases, posición, ancestros, etc. de dicho elemento. Además, debajo de la WebDeveloper toolbar te mostrará la ubicación en formato XPath de dicho elemento.

"Información del elemento HTML caja de búsqueda del sitio twitter.com"

Outline -> Outline Custom Elements: La cual te permite remarcar elementos HTML de una página mediante su id, clase o tag, permitiéndonos además remarcar 5 elementos a la vez y elegir el color con el que queremos que cada uno de ellos sea remarcado. Una forma de búsqueda de elementos similar a como lo realiza el addon FireFinder.

"WebDeveloper nos remarca los elementos HTML dentro de la página de Javaword que poseen la clase CSS llamada byline"

Cookies -> View Cookie Information: Esta opción nos abrirá una nueva pestaña de Firefox en la cual nos listará todas las cookies que los sitios visitados han guardado en nuestro sistema, además de poder editarlas y eliminarlas. Desde la opción Cookies también podemos agregar nuevas cookies a nuestro sistema operativo por si algún sitio la requiere. Funciona de manera similar al addon firecookie

"WebDeveloper me muestra las cookies que el sitio osum.sun.com ha guardado en mi computadora"

Information -> View Color Information: Opción con la cual podremos obtener la paleta de colores que se está usando en un sitio web, con sus respectivos valores en RGB hexadecimal. Esta nos la visualiza en una nueva pestaña de Firefox.

"WebDeveloper mostrando la paleta de colores que compone el sitio deviantart.com"

Tools -> Validate HTML: La cual nos lleva a la página de validación del w3c.org en el cual revisan la validez del código HTML con el cual está construido el sitio que estábamos visitando. En dicho sitio se nos lista detalladamente cada uno de los errores HTML que posee el sitio anteriormente visitado. Existe una opción extra, Tools -> Display page validation la cual te muestra una barra de herramientas debajo de la WebDeveloper la cual nos aplica una validación básica del HTML y CSS de nuestro sitio.

"Al validar el sitio stackoverflow.com desde la opción del WebDeveloper podemos ver que según el w3c validator este posee unos cuantos errores. Sin embargo la validación básica que aparece en la barra de herramientas bajo la WebDeveloper nos dice que el HTML es válido."

Próximamente hablaremos de otro add-on de Firefox que merece un post completo debido a su gran complejidad y al hecho que es un add-on que soporta más add-ons. Estén pendientes.

Habilitar reinicio de XServer con teclado...

Mini nota:
Recuerdo aquellos viejos tiempos en los que podia reiniciar mi XServer con la combinacion de teclas "Ctrl+Alt+BackSpace".
En Karmic Koala esa combinación viene deshabilitada por defecto (otra razón para protestar), pero hay una pequeña solución:

1. En el menu, ve a System->Preferences->Keyboard (solo Keyboard, no Keyboard Shorcuts)
2. Se elige la viñeta Layouts, y luego clic en el botón "Layout options"
3. Expanda el item con el nombre "Key sequence to kill  the X server". Y chequea "Ctrl+Alt+Backspace".
4. Listo.

Espero que les sirva, saludos!

Habilitar reinicio de XServer con teclado...

Mini nota:
Recuerdo aquellos viejos tiempos en los que podia reiniciar mi XServer con la combinacion de teclas "Ctrl+Alt+BackSpace".
En Karmic Koala esa combinación viene deshabilitada por defecto (otra razón para protestar), pero hay una pequeña solución:

1. En el menu, ve a System->Preferences->Keyboard (solo Keyboard, no Keyboard Shorcuts)
2. Se elige la viñeta Layouts, y luego clic en el botón "Layout options"
3. Expanda el item con el nombre "Key sequence to kill  the X server". Y chequea "Ctrl+Alt+Backspace".
4. Listo.

Espero que les sirva, saludos!

Comparando Frameworks Web de Java

Para atender las crecientes necesidades de los programadores, que tratan de mantenerse a la par de la tecnología, existe una emergente gama de productos que se proponen solventar necesidades especificas (a veces de los autores más que de los usuarios finales) y emergentes. Muchos de estos productos (diseñados para hacer más llevadera la vida del programador) vienen en forma de "Frameworks", que tanto recomendamos por diversos motivos, como productividad, eficiencia, comodidad y mucha sanidad mental.

"Struts 2 es otro exitoso proyecto de Apache.org"

En el lugar donde trabajo, no utilizan un Web Frameworks en el proyecto en el que me encuentro, algo que por supuesto, reduce enormemente la productividad, trauma y molesta... mucho, realmente mucho.
Supongo que en varias empresas sucedera lo mismo, si es ese el caso, es una lastima, porque estan perdiendo el tiempo reinventando la rueda. Y recordemos que en las empresas, el tiempo es dinero.

Pero bien, regresando al caso, lo bueno es que hasta hace poco decidieron buscar el framework apropiado para utilizar al ambiente que se tiene ahí.
Naturalmente, emergen un sin fin de dudas y muchas situaciones que hay que tomar en cuenta, pues no es una decision enteramente basada en soporte de arquitectura, sino que la eleccion de un framework tambien tiene que ver con la gama de herramientas que lo soportan, que tan recientes son las librerias que emplea y de lo moderno que es en si la tecnologia que soporta.

"El framework del trabajo de grado :)"

En aquellos días en los que comenzamos la tesis Robertux, Hugol y su servidor, casi nos descabezamos para decidir que framework usar, y debo admitir de que en un principio no me gusto mucho la idea de utilizar ICEFaces, pero sinceramente no solo debo admitir de que ellos tomaron una excelente decision, sino que tambien ICEFaces es un framework que nos salvo la vida incontables veces a lo largo del desarrollo de nuestro trabajo de grado, a tal punto de terminarlo a tiempo y sin muchos problemas.

Pero aunque yo sea ahora un adepto confeso de ICEFaces, existe variedad de Java Web Frameworks para los gustos y las necesidades con las que ustedes se encuentren...

Voy a suponer que estan pasando por un proceso critico de modernizacion en donde trabajan, o alguien les pregunto sobre lo que pueden utilizar para determinado proyecto, o buscan que utilizar en su trabajo de grado. Con esta suposicion en mente, les quiero compartir dos excelentes recursos (actualizados) para elegir un web framework de Java.

El primero consiste en una encuesta realizada por Kimberly McClintock acerca Web Framework (la mayoría para Java) a un grupo de "expertos", a los que se les realizo una serie de preguntas para evaluar los frameworks en cuestión, el artículo completo se puede leer en: 10 Best Java Web Development Framework.

"OpenXava: El framework que te hace los CRUD automáticamente"

Y el segundo, consiste en una matriz comparativa de frameworks que utilizan la amena combinación de JSF + Ajax, esta matriz resulta de lo mas útil para los que están en la prisa de justificar porque usar uno u otro producto para un proyecto, así que recomiendo mucho que visiten la JSFMatrix.

Finalmente, para los que no quieren dar mucha vuelta o no tienen tiempo de leer, estos son los seis que yo puedo recomendar inmediatamente y sin mucha explicación:

• ICEFaces (http://www.icefaces.org/)
  
• OpenXava (http://www.openxava.org/)
• Spring MVC (http://www.springsource.org/)
  
• Struts 2 (http://struts.apache.org/2.x/)
  
• Google Web Toolkit (GWT) (http://code.google.com/webtoolkit/)

Espero que estos recursos les sirvan para elegir correctamente el framework que les haga la vida más fácil. ¡Saludos!

Comparando Frameworks Web de Java

Para atender las crecientes necesidades de los programadores, que tratan de mantenerse a la par de la tecnología, existe una emergente gama de productos que se proponen solventar necesidades especificas (a veces de los autores más que de los usuarios finales) y emergentes. Muchos de estos productos (diseñados para hacer más llevadera la vida del programador) vienen en forma de "Frameworks", que tanto recomendamos por diversos motivos, como productividad, eficiencia, comodidad y mucha sanidad mental.

"Struts 2 es otro exitoso proyecto de Apache.org"

En el lugar donde trabajo, no utilizan un Web Frameworks en el proyecto en el que me encuentro, algo que por supuesto, reduce enormemente la productividad, trauma y molesta... mucho, realmente mucho.
Supongo que en varias empresas sucedera lo mismo, si es ese el caso, es una lastima, porque estan perdiendo el tiempo reinventando la rueda. Y recordemos que en las empresas, el tiempo es dinero.

Pero bien, regresando al caso, lo bueno es que hasta hace poco decidieron buscar el framework apropiado para utilizar al ambiente que se tiene ahí.
Naturalmente, emergen un sin fin de dudas y muchas situaciones que hay que tomar en cuenta, pues no es una decision enteramente basada en soporte de arquitectura, sino que la eleccion de un framework tambien tiene que ver con la gama de herramientas que lo soportan, que tan recientes son las librerias que emplea y de lo moderno que es en si la tecnologia que soporta.

"El framework del trabajo de grado :)"

En aquellos días en los que comenzamos la tesis Robertux, Hugol y su servidor, casi nos descabezamos para decidir que framework usar, y debo admitir de que en un principio no me gusto mucho la idea de utilizar ICEFaces, pero sinceramente no solo debo admitir de que ellos tomaron una excelente decision, sino que tambien ICEFaces es un framework que nos salvo la vida incontables veces a lo largo del desarrollo de nuestro trabajo de grado, a tal punto de terminarlo a tiempo y sin muchos problemas.

Pero aunque yo sea ahora un adepto confeso de ICEFaces, existe variedad de Java Web Frameworks para los gustos y las necesidades con las que ustedes se encuentren...

Voy a suponer que estan pasando por un proceso critico de modernizacion en donde trabajan, o alguien les pregunto sobre lo que pueden utilizar para determinado proyecto, o buscan que utilizar en su trabajo de grado. Con esta suposicion en mente, les quiero compartir dos excelentes recursos (actualizados) para elegir un web framework de Java.

El primero consiste en una encuesta realizada por Kimberly McClintock acerca Web Framework (la mayoría para Java) a un grupo de "expertos", a los que se les realizo una serie de preguntas para evaluar los frameworks en cuestión, el artículo completo se puede leer en: 10 Best Java Web Development Framework.

"OpenXava: El framework que te hace los CRUD automáticamente"

Y el segundo, consiste en una matriz comparativa de frameworks que utilizan la amena combinación de JSF + Ajax, esta matriz resulta de lo mas útil para los que están en la prisa de justificar porque usar uno u otro producto para un proyecto, así que recomiendo mucho que visiten la JSFMatrix.

Finalmente, para los que no quieren dar mucha vuelta o no tienen tiempo de leer, estos son los seis que yo puedo recomendar inmediatamente y sin mucha explicación:

• ICEFaces (http://www.icefaces.org/)
  
• OpenXava (http://www.openxava.org/)
• Spring MVC (http://www.springsource.org/)
  
• Struts 2 (http://struts.apache.org/2.x/)
  
• Google Web Toolkit (GWT) (http://code.google.com/webtoolkit/)

Espero que estos recursos les sirvan para elegir correctamente el framework que les haga la vida más fácil. ¡Saludos!