Ulzurrun de Asanza i Sàez

Tag: chrome

Mejora el aspecto de Google Reader con Stylish

Google Reader después de aplicar algo de CSS con Stylish

Google Reader antes de activar el nuevo estilo
Google Reader antes de activar el nuevo estilo

Google Reader no destaca precisamente por tener el diseño más bonito del mundo. De hecho no ha recibido ningún rediseño desde hace bastante tiempo, a diferencia de otros servicios de como Calendar o Gmail. Si sois de los que utilizáis Google Reader directamente desde su web, sin recurrir a ninguna aplicación que se sincronice con él, agradeceréis este artículo.

Lo que veis en la imagen de arriba es Google Reader tras activar algo de CSS a través de Stylish. Si no tenéis instalado Stylish, podéis hacerlo en Firefox o Google Chrome (en otros navegadores, como Opera o Safari, hay formas diferentes de aplicar los estilos CSS).

Si ya tenéis instalado Stylish, ahora tendréis que instalar los estilos. Al ser un archivo demasiado grande, el autor (Mestiso) no ha podido insertarlo directamente en userstyles.org, pero comparte el código en su página web. Para instalarlo (a través de Stylish) primero accederemos a userstyles.org y haremos clic en el botón Install with Stylish, a continuación editaremos el estilo y reemplazaremos todo el código por el que nos ofrece su autor en su página web. Para ello, en Firefox, mostraremos el panel lateral de Stylish (Ver » Panel lateral » Stylish) y haremos doble clic sobre el estilo Google Reader – 3 Column Reader. Una vez reemplazado el código haremos clic en Guardar y cuando accedamos de nuevo a Google Reader, veremos un diseño mucho más limpio y elegante.

El único inconveniente es que algunas características dejan de ser accesibles, como los patrones. Sin embargo esta función sigue estando activa. Para poder acceder a ella simplemente desactivaremos temporalmente el nuevo estilo (siguiendo los mismos pasos que antes, sólo que en lugar de hacer doble clic en Google Reader – 3 Column Reader lo haremos sobre el icono con una S que aparece a la izquierda del nombre, que tras el doble clic perderá el color, indicando que el estilo está desactivado).

Estilo: userstyles.org
Estilo: kamilb.info
Stylish: Firefox | Google Chrome


Chrome para Mac y Linux ya es estable

Vía Genbeta descubro que ya está disponible la primera versión estable de Google Chrome para Mac, la versión 5.0.374.55. Esta nueva versión ya tiene un administrador de marcadores bastante decente (la verdad es que me ha parecido más cómodo que el de Firefox), sincronización de los mismos y las preferencias a través de nuestra cuenta de Google y modo pantalla completa.

En Arstechnica también comentan que también es la primera versión estable de Google Chrome para Linux.

Detectando navegadores con PHP

Saber el navegador con el que se accede a nuestras páginas web es algo muy útil. Lo podemos utilizar para cargar algo de CSS / Javascript específico para un navegador (como por ejemplo, para evitar errores con IE6), también lo podemos usar para cargar una página completamente distinta en navegadores antiguos y, ¿por qué no? para mostrar una página específica para móviles.

Ya he comentado este tema en otras ocasiones, pero esta vez ampliaré el rango de navegadores a detectar, concretamente nos centraremos en Internet ExplorerFirefox, SafariOpera, Konqueror, Chrome, iPod Touch, iPhone, Android (vale, estos tres no son navegadores, pero en estos casos me refiero a detectar el sistema operativo) o cualquier tipo de navegador para móvil.

En esta ocasión crearemos una función que acepte dos parámetros: el navegador que queremos buscar y la versión específica que buscamos (si es que buscamos alguna versión en especial). Para el primer parámetro, usaremos una serie de identificadores:

Identificador Navegador
IE Internet Explorer
FF Firefox
SF Safari
OP Opera
KQ Konqueror
CH Chrome
IPD iPod
IPH iPhone
IPO iPod / iPhone
AD Android
MB Navegador de móvil

Sobre la versión del navegador, sólo nos centraremos en las versiones de Internet Explorer.

La función seguirá la siguiente estructura:

  1. Cargamos en una variable el agente de usuario del visitante.
  2. Mediante un bucle foreach determinamos en qué navegador buscamos.
  3. Mediante la función strrpos comprobamos si el agente de usuario se corresponde con el del navegador que buscamos.
  4. Sólo si buscamos Internet Explorer: Detectamos si se ha accedido con la versión que hemos establecido (si es que hemos establecido alguna versión).
  5. Sólo si buscamos un navegador móvil: Buscamos alguno de los diversos agentes de usuario que tienen los diferentes navegadores para móviles.
  6. Devolvemos el valor true si se ha detectado el navegador en cuestión y false si no se ha detectado, a través de una variable que tiene por defecto el valor false y sólo cambia a true al detectarse el navegador.

Finalmente todo esto traducido a PHP quedaría así:

[php]
function is_browser($name, $version=”) {
$user_agent = $_SERVER[‘HTTP_USER_AGENT’]; // Cargamos el UserAgent en una variable
$wtr = false; // Esta variable es la que indica si se ha accedido con el navegador que buscamos o no. Por defecto es false, sólo cambia si se accede con el navegador buscado
$wtmb = ”; // Esta variable almacena el navegador del dispositivo móvil (sólo si buscamos un navegador de dispositivo móvil, esto no incluye ni Android ni iPod ni iPhone)
// Primero veamos a quién buscamos y luego comprobemos si es él
switch ($name) {
// Caso Internet Explorer
case ‘IE’:
if (strrpos($user_agent, "MSIE") === false) {} else {
if ($version != ”) {
if (strrpos($user_agent, ‘MSIE ‘.$version) === false) {} else { $wtr = true; }
} else {
$wtr = true;
}
}
break;
// Caso Firefox
case ‘FF’: if (strrpos($user_agent, "Firefox") === false) {} else { $wtr = true; } break;
// Caso Opera
case ‘OP’: if (strrpos($user_agent, "Opera") === false) {} else { $wtr = true; } break;
// Caso Konqueror
case ‘KQ’: if (strrpos($user_agent, "Konqueror") === false) {} else { $wtr = true; } break;
// Caso Chrome
case ‘CH’: if (strrpos($user_agent, "Chrome") === false) {} else { $wtr = true; } break;
// Caso Safari
case ‘SF’: if (strrpos($user_agent, "Safari") === false) {} else { $wtr = true; } break;
// Caso iPod
case ‘IPD’: if (strrpos($user_agent, "iPod") === false) {} else { $wtr = true; } break;
// Caso iPhone
case ‘IPH’: if (strrpos($user_agent, "iPhone") === false) {} else { $wtr = true; } break;
// Caso iPod o iPhone
case ‘IPO’:
if (strrpos($user_agent, "iPod") === false) {} else { $wtr = true; }
if (strrpos($user_agent, "iPhone") === false) {} else { $wtr = true; }
break;
// Caso Android
case ‘AD’: if (strrpos($user_agent, "Android") === false) {} else { $wtr = true; } break;
// Caso navegador móvil
case ‘MB’:
$mua = array(
‘PIE4’ => ‘compatible; MSIE 4.01; Windows CE; PPC; 240×320’,
‘PIE4_Smartphone’ => ‘compatible; MSIE 4.01; Windows CE; Smartphone;’,
‘PIE6’ => ‘compatible; MSIE 6.0; Windows CE;’,
‘Minimo’ => ‘Minimo’,
‘OperaMini’ => ‘Minimo’,
‘AvantGo’ => ‘AvantGo’,
‘Plucker’ => ‘Plucker’,
‘NetFront’ => ‘NetFront’,
‘SonyEricsson’ => ‘SonyEricsson’,
‘Nokia’ => ‘Nokia’,
‘Motorola’ => ‘mot-‘,
‘BlackBerry’ => ‘BlackBerry’,
‘WindowsMobile’ => ‘Windows CE’,
‘PPC’ => ‘PPC’,
‘PDA’ => ‘PDA’,
‘Smartphone’ => ‘Smartphone’,
‘Palm’ => ‘Palm’
);
foreach($mua as $nav => $ua){ if(strstr($user_agent, $ua) != false) { $wtmb = $nav; } }
if ($wtmb != ”) { $wtr = true; }
break;
// Caso genérico
default: $wtr = false; break;
}
return $wtr;
}
[/php]

Finalmente el uso es muy sencillo, basta con verificar el valor que devuelve la función, de modo que si buscamos, por ejemplo, a Opera, usaríamos el siguiente código:

[php]
if (is_browser(‘OP’)) {
/* Código específico para Opera */
} else {
/* Código para el resto de navegadores */
}
[/php]


Chrome para Mac ya soporta extensiones

Chrome para Mac
Chrome para Mac

Si antes os hablaba de Opera, ahora os hablo de Google Chrome. Ayer Google liberó una nueva versión de su navegador Chrome para Mac OS X que soporta extensiones, así que los usuarios de Chrome para Mac ya pueden usar extensiones en su navegador.

Para actualizar Google Chrome, es necesario descargarlo de nuevo desde la página oficial. En teoría se puede actualizar desde el propio navegador, sin embargo yo he tratado de actualizarlo y me indicaba que ya estaba actualizado (cuando no lo estaba).

Ahora Chrome ya es una buena alternativa para Firefox en Mac, si no se ponen las pilas los demás navegadores, Google va a conseguir bastantes usuarios en la plataforma de la manzana.

Por último, os dejo un vídeo de demostración de Google Chrome para Mac.

[youtube]http://www.youtube.com/watch?v=FNAg1v3Hwpg&feature=player_embedded[/youtube]


Ya está lista la primera Beta de Google Chrome para Mac y Linux

Google Chrome ya disponible para Mac

Chrome OS en Mac OS XAcaba de llegarme un email de Google avisándome de que ya está disponible la primera Beta de Google Chrome para Mac OS X y Linux, con nada más y nada menos que un año de retraso respecto a la versión para Windows, además de que tiene algunas carencias, como un gestor de favoritos (aunque en realidad sí que se pueden añadir y eliminar favoritos, al igual que se pueden crear carpetas) o extensiones, entre otras cosas que se irán añadiendo en las próximas versiones.

Así a simple vista, a pesar de que tiene unas cuantas carencias bastante grandes, puede servirle perfectamente para navegar al usuario medio, siendo la mayor carencia el gestor de favoritos (realmente no entiendo por qué no lo han añadido, si la mayoría de las funciones ya están integradas en otras partes del navegador). Por otro lado, me han encantado las herramientas para desarrolladores, aunque me resultan más cómodas las que obtengo con los plugins de Firefox, no están nada mal para sacarte de un apuro.


Chrome para Mac será un "mini Chrome"

Logotipo de Chrome
Logotipo de Chrome

A mediados de noviembre comenté que la versión Beta de Google Chrome para Mac OS X vería la luz a principios de diciembre, que actualmente se encuentra a 5 bugs de estar lista. Sin embargo, parece ser que la versión para Mac y la versión para Windows no tendrán las mismas funciones.

Para comenzar, la versión para Mac no tendrá gestor de favoritos (ni permitirá su sincronización). Tampoco incluirá el gestor de procesos y ni siquiera tendrá integrado Google Gears ni soportará gestos multi-touch. Por supuesto, no estará optimizado para entornos de 64 bits y teniendo en cuenta que Mac OS X Snow Leopard está especialmente pensado para trabajar sobre procesadores de 64 bits, es algo que deberían considerar.


Análisis de Chromium OS

[youtube]http://www.youtube.com/watch?v=0QRO3gKj3qw[/youtube]

Chromium OS
Chromium OS

Anteayer Google presentó Chrome OS, un Sistema Operativo basado en Linux y diseñado para usar en “La Nube”, es decir, en lugar de usar aplicaciones instaladas en nuestro equipo, usamos aplicaciones online (por ejemplo, en lugar de usar Thunderbird, Mail o Outlook, usaríamos Gmail, Hotmail y demás para gestionar nuestro correo, no sólo para obtener una dirección de email).

El objetivo de Google con Chrome OS es crear un Sistema Operativo que arranque lo más rápido posible y nos muestre una sencilla interfaz donde poder navegar por Internet, por supuesto, usando como navegador Chrome.

Google ha puesto a la disposición de cualquiera el código fuente de Chromium OS (la versión lire de Chrome OS) y algunos usuarios lo han compilado y han creado un disco duro virtual para que cualquiera pueda probar Chrome OS usando VirtualBox u otra aplicación para crear ordenadores virtuales. Este disco duro virtual se puede descargar vía Torrent desde aquí.

Y ahora, vayamos al análisis. Read more →


En diciembre tendremos la Beta de Google Chrome para Mac

Google ChromeVía Genbeta descubro que Google Chrome estará disponible en versión beta para Mac para principios de diciembre de este mismo año.

Hay que tener en cuenta que la primera versión de Google Chrome se liberó el 2 de septiembre del año pasado, sólo para Windows. La versión 1.0 se liberó el 11 de diciembre de 2008, mientras el 17 de marzo de este año se liberó la versión 2.0 u finalmente la 3.0 fue publicada el 23 de julio, así que seguramente la versión 4.0 de Google Chrome será la que veremos en Mac en diciembre.

Rota texto usando sólo CSS

Vía Anieto2k descubro un método muy sencillo para rotar texto usando CSS. Básicamente debemos usar las propiedades “-webkit-transform“, “-moz-transform“, “filter: progid:DXImageTransform.Microsoft.BasicImage()” para Webkit (y Safari), Firefox 3.5 (o posterior) e Internet Explorer, respectivamente.

Lamentablemente no son propiedades que forman parte del estándar de CSS 2, así que éste método sólo funcionará en navegadores que usen Webkit (como Safari o Google Chrome), Firefox 3.5 e Internet Explorer.

Finalmente el código que usaríamos sería el siguiente:

[html]
<div class="example-date">
<span class="day">31</span>
<span class="month">July</span>
<span class="year">2009</span>
</div>
[/html]

[css]
.year {
/* WebKit, Safari */
-webkit-transform: rotate(-90deg);

/* Firefox 3.5+*/
-moz-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
[/css]

Obteniendo este resultado:

Rotar textos

Un anuncio de Microsoft el próximo lunes

Mucho se está hablando ahora mismo sobre Chrome OS, el nuevo Sistema Operativo de Google del que ya hablé ayer.

Pues bien, vía Genbeta descubro el motivo que da Robert Scoble para el anuncio de Chrome OS. Según él Google adelantó el anuncio de Chrome OS para evitar que un gran anuncio que Microsoft iba a hacer este lunes no “eclipasara” el de Chrome OS. Lamentablemente al estar bajo un acuerdo de confidencialidad no ha podido decir mucho más, aunque nos ha dado un par de pistas:

¿Qué será? Algunos piensan que es la puesta en marcha de las aplicaciones online del Office, otros al anuncio de Gazelle (un proyecto de Microsoft que al igual que Chrome O se basaba en la computación en nube) y por último también se especula que es posible que sea el anuncio de la versión definitiva de Windows 7.

Y tú, ¿qué crees que será lo que va a anunciar Microsoft?