Recientemente me enteré de Chrome Plus, otra variación de Google Chrome, pero en esta ocasión se ve que realmente trae fuerza

Lo que me sorprende es que es más usable que Chrome, y esto porque estamos seguros de que Google había pensado en todo lo que puede hacerse para facilitar el uso de su navegador.

Pues no; Chrome Plus es una muestra de que siempre quedan cosas por añadir.

Nuevas características

Básicamente es gChrome modificado, es decir no presicamente un nuevo navegador basado en el proyecto Chromium

Algunas de las características que le añadieron son:

• Poder cerrar una pestaña con hacerle doble click
• Renderizar un sitio con el motor de IE estilo IE Tab
• Abrir un enlace en nueva pestaña arrastrandolo a cualquier parte de la pantalla
• Gesturas del mouse

El poder cerrar una pestaña con hacerle doble click es realmente una mejora y es increíble a nadie se le haya ocurrido

Para quienes no lo sepan, IE Tab es un addon para Firefox que permite visualizar un sitio con el motor de renderizado de Internet Explorer.

En el caso de Chrome Plus hay un ícono que te indica que esta renderizando el sitio con el motor de Chrome:

Si haces click sobre él, se habre el sitio que estas viendo en una nueva pestaña donde se renderiza con el motor de IE, entonces el ícono cambia

Otra cosas que vuelve más usable Chrome Plus es el abrir un enlace en una nueva pestaña, realmente se facilita enormemente y sobre todo para quienes usan laptop (claro que si usas Mac es muy fácil ¬¬)

Las gesturas del mouse consiste en interactuar con el navegador manteniendo presonado el botón derecho del mouse y trazando sobre la pantalla.

Esto de permite por ejemplo dibujar una línea hacia atrás para ir a la página anterior y hacia adelante a la siguiente

También para quienes no tienen la rueda de scroll en el mouse, pueden trazar una línea hacia abajo ó arriba

Esta iniciativa me hace pensar 2 cosas:

• Que Google Chrome disminuirá
• Que posiblemente Firefox también

Esto debido a que al menos yo personalmente he desinstalado Chrome porque ahora uso su versión Plus U_U

Si se le empiezan a juntar addons muy buenos de Firefox a Chrome y siguen mejorando la usabilidad definitavamente seré un zombie usuario más de Google

Solo descarga Chrome Plus y pruebalo un momento, ah si, solo esta disponible para Windows

A muchos nos pasa que al usar Firefox, llegamos a tener hasta 40 ó más pestañas abiertas, y lo cierto es que aunque es fácil desplazarse por ellas, sería más conveniente que se pudiera tener las tabs de una tamaño menor, para asi poder ahorrar espacio.

Pero esto ya tiene solución y como la mayoría de soluciones a problemas de Firefox, esta también es un addon.

FaconizeTab, es el nombre del addon que nos permitirá tranformar las grandes pestañas compuestas por el favicon y el título del sitio, en solo un cuadradito que contendrá solamente el favicon del sitio en el que nos encontramos.

De esta manera:

Una de las ventajas de Faviconize es que no transforma todas nuestras tabs en favicons, sino que nos permite escojer cuales tabs vamos a faviconizar, esto mediente un click derecho sobre la pestaña y posteriormente a “Faviconize this tab”

FaviconizeTab

Eso es todo, tenemos espacio aproximadamente para 112 tabs por ventana*

Descargar FaviconizeTab

*La ventana se supone esta maximizada y Firefox se ejecuta en un monitor de 1280 * 800 pixeles, vestido con el Mac OS X Firefox theme

Tal vez una de las cosas más molestas al escribir una entrada en WordPress desde Firefox, es que al poner un URL a una palabra, comunmente le das doble click para seleccionarla, pero el molesto problema es que además se selecciona el espacio frente a la palabra.

Esto hace que el enlace quede también en el espacio, sin embargo el problema se puede solucionar ^___^

La solución consiste en cambiar la configuración de Firefox, así que entramos al “área de manazas“, abriendo una nueva pestaña y escribimos “about:config” sin comillas.

Nos aparecerá un aviso diciendo que si estamos seguros de querer cambiar la configuración, procedemos dando click al botón que saldrá.

Una vez en la configuración, veremos un motón de parámetros asi que nos fijamos en donde dice Filtro, ahí buscamos layout.word.

Donde dice layout.word_select.eat_space_to_next_word, le damos doble click para cambiar el valor “true” a “false”, y listo, problema resuelto!

Vía | blogoff

Anteriormente cuendo veías un video en YouTube, y por cualquier razón recargabas la página, el video empezaba nuevamente a buferearse, sin emargo ahora ya es posible que los videos se queden almacenados en la memoria caché, de esta forma puedes verlos a pesar de que cierres la tab donde estabas viendolo e incluso cerrando el navegador, al volver a abrirlo el video sigue podiendose ver al instante.

La única cosa necesaria es que el video se cargue totalemente, ya que no se pueden cachear pedazos del mismo.

Aunque no dudo que pronto Google logre una forma de hacerlo; otra cosa importante es que funciona de igual manera con videos insertados en sitios web, y se crea una relación entre video embebido y página del video, pues al ver un video desde la página de Youtube, también se cachea para verse embebido y viceversa (al verlo embebido se cachea para verse en YouTube) Magnífico!

Puedes probarlo tu mismo, mira un video, espera a que se bufereé y luego recarga la página

Vía | Google OS

¿Que navegador usar, Chrome ó Firefox?

Una vez más, luego de un pequeño tiempo libre que tuve me dispuse a realizar un pequeño análisis sobre que navegador usar, y en esta ocasión decidí comparar Chrome de Google con Firefox de Mozilla. Muchos usuarios creerán que por lógica Firefox vence por mucho a Chrome, y nada más lejos de la verdad, pero Chrome también tiene sus ventajas sobre Firefox, así como Firefox tiene desventajas frente a Chrome. Primero que nada, veremos porque desde ahora excluir los demás navegadores; empezaremos con el peor de todos: Internet Explorer

(IE).

¿Por qué no usar Internet Explorer?

Seguramente a todos nos viene la idea “Porque es de Microsoft“, y aunque debo admitir que es un argumento con muy buenas bases (XD) hay otras razones más, y una de ellas es su asqueroso metodo de renderizado que causa las peores pesadillas jamás soñadas en la vida de un diseñador web, sobre todo el de IE6, pues es el peor navegador que pudo haber existido, por su falta de soporte para imágenes PNG 24, su mala interpretación de hojas de estilo, entre otros problemas conocido por los diseñadores web. Ahora, luego de verle un lado para los desarrolladores, veamos en que perjudica a los usuarios. Internet Explorer, es el navegador más lento que he probado en mi vida ( y puedo decirles que he probado al menos 8 ) y el más saturado de componentes. Hasta ahora Microsoft presume de las ventajas en la versión 8 de IE, asi que veamos como también hay cosas malas en esta recién salida versión. Empezaré con algo quizá un poco salido de onda, pero es que sinceramente el diseño de IE8 respecto al de IE7 es, Horrible con H (ache) mayúscula, ese azul Windows Vista Home Basic (Sin Aero) es horrible.

Ahora, que pasa si abrimos una nueva pestaña…¡Tarda al menos 3 segundo en abrir sin haber solicitado ninguna página en Internet! Mientras que los demás navegadores tardan…¡ni siquiera un segundo!

Y otro problema con Microsoft es que quiere mover el “menú archivo” y repartirlo entre botones al lado derecho de la ventana, es algo que esta haciendo en varias de sus aplicaciones (MSN Live, Internet Explorer, Galería fotográfica, etc.).

Además de que al hacer esto revuelven las opciones de un menu con otro, están saturando los menús con demasiadas opciones que confunden al usuario, en mi caso, uso un monitor de 1280px * 800px y el menú “Página” usa más del 80% de lo alto de mi pantalla:

Y por si fuera poco con saturar los menús de opciones, el usuario que sabe leer cada elemento del menú se confunde porque a todos los elementos del menú al lado izquierdo le ponen un ícono que no ayuda en absolutamente nada al usuario, y solo le causa confusión, simplemente ponte a pensar…si ya sabes que pasará al hacer click sobre un elemento, ¿¡para qué carajo quieres un ícono a un lado de este!? ¿¡para qué!? =___=U

¿Por qué no usar Safari?

Los usuarios que adoran a Safari me van a perdonar, pero yo siempre he creido que Safari no es mas que el IE de la Mac, claro un poco mejor. Empezemos con las desventajas:

• Tiene aproximadamente la misma velocidad que IE al cargar páginas
• Consume una cantidad moderada de recursos
• Siempre se tiene problemas con su renderización al alinear verticalmente el texto en un textField
• Es muy pesado a diferencia de otros navegadores

Aunque a diferencia de Internet Explorer:

• Suavisa la tipografías automáticamente
• Tiene la hermosa interfaz y diseño de una Mac
• Sus efectos de transición son espléndidos
• Posee un mejor gestor de RSS
• Tiene “SnapBack” para regresar rápidamente a la página inmediatamente anterior
• Se le pueden agregar plugins
• Te avisa si un enlace se abrirá en un nueva ventana/pestaña a en la misma

¿Por qué no usar Opera?

Admitamoslo, nadie usa Opera

¿Por qué usar Firefox?

Firefox, posiblemente el mejor navegador de todos, Firefox es hasta ahora el único navegador que interpreta los sitios como debe ser, de forma estrícta y eficaz. Es súper personalizable gracias a sus varios temas creados por las demás personas. Es muy rápido, el más rápido de los navegadores luego de Chrome, al menos asi funciona en mi PC. Gracias a sus extenciones es super útil, pues extenciones de desarrollo como Web Developer Toolbar ó Firebug lo hacen único, sin contar la infinidad de tipos de extenciones. Puedes navegar en 60 pestañas sin ningún problema:

Es el navegador que más te protege frente a sitios de pishing, malware y demás software malicioso. Siempre verifica los certificados de seguridad. Al igual que Chrome te permite agregar una página a favoritos con un solo click. Además de que permite seguir un sitio por RSS de forma sencilla pero organizada:

Y te permite ver información detalla sobre un sitio web, su formato, recursos, canales, permisos, etc. Te permite recuperar las tabs abiertas luego de un cierre repentino, claro que si estas bufereando el video en .mp4 de hora y media y vas a la mitad, te dan ganas de romper a patadas el ordenador XD Es posible configurar que hacer al toparse con cierto formato de archivos, y no solo descargarlo porque si, ó abrirte el Outlook en cada mailto: Su motor de renderizado es Gecko, uno de los mejores (si no es que el mejor)

¿Porqué no usar Firefox?

Luego de hablar de las maravillas de Firefox, veremos porque no conviene usar Firefox. En primera, porque es muy celoso, quiere toda la RAM para el solito, es decir, consume muchos, pero MUCHOS recursos, no se exactamente a que se deba, posiblemente a las extenciones, plugins, y demás beneficios que ofrece. Es uno de los navegadores que no saben que significa “FULL screen”, quitandome 8 pixéles de alto a mi vista directa con el sitio web. Una vez que se cuelga una pestaña, todo se va al carajo. Actualmente tiene el problema GGFFWP: Más información Pero espero que pronto se recupere.

¿Por qué usar Chrome?

Luego de haber hblado de todos los navegadores anteriores, vamos con el último, Chrome de Google. Empezamos con la mejor interfaz de usuario, que solo los “trabajadores” de Google podían crear. Y seguimos con el mejor diseño tanto del logo como de los componentes,son sencillos, totalmente simples pero a la vez elegantes. Hasta donde se, es el único navegador que sabe los que es “Pantalla COMPLETA” Crea tumbnails (al igual que Opera) de los sitios más visitados, facilitando su acceso rápidamente. El Omnibox te permite acceder a una página web por su título, pedazos de URL, palabras clave, visitas según historial, además de que te permite buscar en él, te muestra sitios relacionados visitados recientemente, y muchísimas cosas más.

Si el sitio posee motor de búsqueda es posible realizar una búsqueda por él desde la omnibox tan solo teclando la dirección del sitio, presionando “Tab”y luego escribir lo que queremos buscar:

Te muestra los 3 motores de búsqueda más usados por ti:

Si cierras la ventana con varios tabs abiertas puedes volver a abrirla desde una nueva pestaña ó reabrir una de las pestañas de la ventana cerrada:

Al descargar archivos, el proceso es muy fácil, rápido y entretenido ^__^

Posee la capacidad conocida como sandbox, que aisla las pestaña como un proceso independiente, esto significa que si se cuelga una pestaña solo la cierras y lo demás sigue igual, no se cuelga todo el navegador no pierdes ningún tab.

Consume muy pocos recursos, de hecho Firefox consume 4 veces lo que Chrome, probe abriendo en Firefox el doble de Tabs que Chrome:

Y luego con el mismo número:

Permite crear accesos directos al escritorio para usarlo como aplicación web (Gmail, WordPress, YouTube, Reader, Calendar, etc.)

Tiene Google Gears integrado para almacenar datos de aplicaciones web localmente.

Es una navegador open-source, con lo que eres libre de manipularlo a tu gusto.

¿Por qué no usar Chrome?

En primera porque no tiene una sistema de lector de RSS, y aunque es obvio que es una estrategia de Google para obligarnos a usar Reader, me parece que agregar un gestor como el de Firefox no haría daño, pues si un usuario quiere saber que es RSS y se trata de suscribir a un feed, se aterroriza al ver tanto código.

Si intentas ver una CSS, no es posible si no la descargas.

No se porque, Google al crear un navegador de tabs, no pensó en prevenir al usuario de un erroneo click sobre el botón cerrar, pues no te avisa que tiene varias tabs abiertas, sino que de jalón se cierra todo y pierdes absolutamente todas tus pestañas T____T

Digamos que es un poco parecido a IE6 » Ver más información

Se dice que no es precisamente un navegador seguro.

Y lo que lo hace estar lejos de Firefox es que no posee ni plugins ni addons, es decir, no es personalizable

Pues este ha sido mi análisis sobre los navegadores de hoy, espero pronto hacer uno más sobre los buscadores: Google, Yahoo! y el novatillo Bing ^___^

Pero recuerda que en [Ray] Page tu opinión es la más importante ¿crees que algún navegador es mejor ó peor que otro? ¿hay algo más que criticar/hacer notar sobre algun navegador?

Todas tus dudas, opiniones, sugerencias, críticas y demás serán bien recibidos; solo recuerda no faltar al respeto a los demás ó tu comentario podrá no ser publicado ó podrás ser editado para eliminar palabras altisonantes

Cómo ya dije, es posible jugar JamLegend con un controlador de Guitar Hero ó Rock Band ó del Nintendo Wii.

Pero también, ayer JamLegend estuvo un tiempo sin acceso pero por una buena razón, al parecer porque lo han estado remodelando, y vaya que los cambios han sido muy buenos ^____^

A continuación los detalles…

Nueva navegación para escojer la dificultad de una melodía

Si alguna vez anteriormente jugaste JamLegend, habrás visto que la forma de escojer la dificultad de una canción se dividía en 2 páneles:

• Tap only
• Tap with strumb

El primero era para jugar solo con las teclas del 1 al 5, y el segundo para jugar además con el strum, que era la tecla “Enter“; en cada uno de los páneles se encontraban 4 botones con los siguientes textos:

• Normal
• Skilled
• Insane
• Legendary

De esto dependía el número de teclas que usarías (3-6) con lo que la dificultad aumentaba, pero ahora solo se debe de de hacer click sobre el botón “Guitar“, y luego nos aparecerán 2 opciones:

• Tap only (BeatJam)
• Tap with strum

Y según demos click nos aparece la opción para elegir el número de teclas a usar, según la categoría que elijamos (Normal, Skilled, Insane, Legendary, etc.). Tal y como se aprecia en la imagen de más arriba.

Con esto escojer la dificultad es mucho más sencillo, ya que nos muestra solo las opciones que queremos ver, paso a paso Thanks!

Escojer entre jugar solo ó contra un bot

Esta capacidad no tiene más de un mes y aunque no se acaba de lanzar es muy reciente y vale la pena explicarla

Esta opción nos permite (como el nombre lo dice) escojer si jugamos solos ó contra un bot, cuya dificultad es determinada por un jugardor que recientemente haya tocado la canción que nosotros queremos jugar.

Esta opción se agrego tal vez porque, como recordarán, anteriormente se tenía que jugar a fuerza contra un bot, que si llegase a ser un juego perfecto la única forma de poder vencer la pieza sería teniendo un hit de 100%

Pero ahora puede jugar sin la presión que causaba el bot al ir arriba de ti

Capacidad de calificar una canción (rating)

Esta será una función que debió pensarse desde hace mucho, la capacidad de calificar una canción hará que se puedan calsificar por “Rating”, asi sería más fácil saber que canciones son las favoritas de los usuario en general.

Compartir canciones vía Twitter, Facebook & e-mail

Sin duda alguna las redes sociales son necesarias en cualquier sitio para que se conosca, y aunque en JamLegend ya era posible compartir una canción en varias redes sociales, el acumulo de botones le hacia ruido al usuario, a tal grado que lo condundía; pero ahora se dieron cuenta de que basta con poner las 2 más importantes:

• Twitter
• Facebook

Además de el clásico e-mail, ahí tengo una sugerencia…

Si yo voy a compartir una canción por e-mail, pienso que con dar click puedo enviar el correo a mis amigos, pero, ¿que pasa en verdad al dar click sobre el botón?…¡Juas! Te abre Outlook (en Windows) y el usuario no sabe que hacer U__U

Seguro que algunos confuguramos estos enlaces para abrirlos con Gmail ó Y! Mail, pero se han preguntado hacer un sistema de envío de correos electrónicos en PHP, similar a lo que usa ShareThis, es decir, ya que se es miembro del sitio, poder enviar canciones a amigos por correo.

Sin duda eso aumentaría radicalmente el uso de esta función

Menú desplegable más útil

Anteriormente, JamLegend poseía un menú que nos permitía tocar la misma canción en Normal, Skilled, Insane ó Legendary, pero había que escoger si jugabamos con ó sin strum; ahora es diferente, pues en el menú se te ofrecen todas las opciones diponibles, esto te ahorra cargar páginas extras

Pues espero que JamLegend siga creciendo más y más ^__^

Para que siga mejorando, si no estas unido a JamLegend…¿Que esperas? ¡Únete ya!

Si te gustaría que apoyarme, puedes unirte como mi padawan y así ser tu manager

Mi perfil en JamLegend

P.D. El antigüo BeatJam ahora se llama Guitar Tap

Hace un tiempo que les hablé sobre JamLegend, un sitio en el que se puede jugar una especie de Guitar Hero con tu teclado, pero desde hace apenas unas semanas que se puede jugar con controladores de guitarra como lo son la guitarra de Guitar Hero ó de Rock Band, además de la guitarra de Guitar Hero para Wii.

Sin duda este será un gran paso para que más se interesen en este juego, que vaya que ha ido mejorando cada vez más en su usuabilidad

Se ha estado anunciando en cada canción que escojas, abajo del juego aparece un cuadro que dice:

Para saber cómo usar el controlador puedes leer la wiki de JamLegend en sobre el tema.

Esto hará que por ejemplo no sea necesario comprar ni un Play Station 3 con el juego de Guitar Hero, ya que bien si tienes una PC y conexión a Internet solo compras la guitarra y ¡a disfrutar de la misma experiencia! ^___^

Lo mismo con los demás controladores como el de para Wii.

Anteriormente expliqué como hacer uso del componente Accordion de Adobe Spry, ahora les explico como usarlo para asesinar clicks.

Esto luego de haber escuchado la conferencia de 20 consejos de usabilidad esenciales para proyectos web de F, y haber leído el artículo, en el que hablan del punto sobre “Asesina todos los clicks que puedas“, es por ello que con el fin de mejorar la usuabilidad de nuestro sitio para los usuarios podemos hecharle un vistaso al código JS (te recomiendo leas primero el tip anterior para que sepas de que archivo hablo).

En él veremos que se repite varias veces la palabra “click”, que corresponde al evento en el que el usuario clickeael panel para desplegarlo.

El truco es abrir nuestro editor de JS preferido, ya sea Dreamweaver, Notepad++ o el Bloc de notas (Windows) y luego presionar Ctrl+B si el programa esta en español ó Ctrl+F si esta en inglés; aunque en el caso del Bloc de notas es Ctrl+R.

Ahora vamos a buscar click y lo remplazaremos por MouseOver, presionamos Remplazar todos y listo, tenemos un Accordion que detecta el evento “MouseOver” en vez de “Click”.

Como ven es muy simple y fácil.

Un textField ó campo de texto no es mas que un elemente más de los demás que se pueden aplicar a un formulario en HTML, estos elementos suelen tener un valor inicial, el cual solo se puede borrar al entrar ó enfocarse (focus) en el elemento, seleccionar el texto y luego borrarlo como cualquier otro texto.

Lo que trato de enseñar en este tip de HTML, es como usar el parámetro “onFocus” para aplicarlo a un campo de texto de tal forma que el enfocarse sobre él, éste se vacíe.

Esto puede parecer muy insignificante, pero sin duda es otro pequeño detalle que podría hacer más usable nuestro sitio, puesto que supongo que todos prefirieramos que el campo de texto se vaciara al hacer click sobre el, en lugar de tener que seleccionar el texto y luego borrarlo para por fin poder escribir.

Como ejemplo tomaré un formulario de motor de búsqueda de mi blog de WordPress; el código sería este:

<form id="buscar" action="http://www.ray-page.site40.net/" method="get">
<input id="t" name="s" type="text" value="Buscar" />
<input id="b" type="submit" value=" " />
</form>

Para evitar tanto código solo puse el de el formulario, ignoremos todas las etiquetas, con excepción de esta:
<input id="t" name="s" type="text" value="Buscar" />
Como ven el valor predeterminado del campo de búsqueda es “Buscar”, y para que al enfocarnos en el textField éste se vacíe solo agregamos este parámetro a su etiqueta:
onfocus="if (this.value == 'Buscar') {this.value = '';}"
Muy fácil de comprender ¿cierto?
Literalmente lo leemos así, “Al enfocarse, si el valor de esto es Buscar, el valor será *nada*”

Con esto bastará para que el campo se vacíe sin necesidad de usar scripts externos no nada de eso.

Pero si ahora buscamos que al desenfocarse ó salirse del elemento, éste se vuelva a rellenar con el texto “Buscar”, en el mismo elemento agregamos esta línea:
onblur="if (this.value == '') {this.value = 'Buscar';}"
Y lo leemos así, “Al desenfocarse, si el valor de esto es *nada*, el valor será Buscar”

Con esto tenemos una caja de búsqueda más usable ^_____^
<input id="t" name="s" type="text" value="Buscar" />
Como ven es algo muy pequeño, pero que sin duda vuelve ligeramente más usable tu sitio.