Nordic Design - El blog de Alex Lillo
Estadísticas de uso de navegadores
25 / Jun / 2008
Al hilo del post anterior y por si alguno tiene curiosidad, las estadísticas de mi web por familias de navegadores son:
- FireFox – 50.87%
- Internet Explorer – 37.57%
- Safari – 5.20%
- Netscape Navigator – 2.89%
- Konqueror – 2.89%
- Opera – 0.58%
Actualización: Por petición de Jimena os pongo las estadísticas que me da Feedburner de los diferentes agregadores de feeds con que llegáis a mi blog.
Published in: Internet,
* * *
Aceptación IE vs. Firefox
25 / Jun / 2008
Estaba repasando estadísticas de mi web cuando me he dado cuenta de un detalle curioso:
- Tras más de año y medio en el mercado, IE7 sólo tiene un 50% de cuota del total de la familia Internet Explorer.
- Una semana después de la publicación de Firefox 3, éste supone el 16% de los accesos de su familia.
Está claro que el perfil de el que utiliza uno y otro es muy diferente. Es muy común que el perfil alto utilice Firefox, sea por elección propia, odio irracional a Microsoft o cualquier otro motivo. Pero es una persona que se entera de lo que ocurre en Internet, conoce las alternativas existentes en el mercado y mantiene su ordenador actualizado.
Por otro lado el perfil más bajo, que utiliza Internet para el Messenger, leer su cuenta de Hotmail, visitar cuatro páginas habituales y realizar búsquedas esporádicas, no conoce lo que ofrece el mercado y le basta con lo que le ofrece por defecto su sistema operativo (normalmente Windows XP).
De ahí que si bien IE7 es un navegador infitamente mejor que IE6, muchos usuarios sigan anclados a la versión vieja, mientras que los usuarios de Firefox rápidamente cambien a la última versión, aunque no hayan razones de peso para ello.
Published in: Internet, Diseño
Comentarios [6]
* * *
Port Aventura online: parte II
12 / Dec / 2006
Hoy he recibido un correo de la gente de Port Aventura disculpándose por las molestias ocasionadas, y preguntando datos sobre la incidencia para poder resolverla.
Habrán tardado menos de un día en responder a mi comentario en su web, así que un 10 para ellos. Que aprendan muchos, que les escribes y jamás responden.
Actualización:
Tras varios mails el mismo día con la gente de sorporte de Port Aventura han encontrado el problema. Os copio lo que me han escrito:
Le informamos de que después de indagar sobre su caso hemos concluido que el error informático que hubo en su caso se debió a los siguientes problemas:
- No impresión desde web: El problema no viene por la versión de Explorer, sino por la del Acrobat Reader que (actualmente) debe ser exclusivamente la del 6.0.1 para poder imprimir desde la propia web; esta limitación no existe para imprimir el PDF que se envía por e-mail.
- No recepción del e-mail: Casualmente coincidió con un problema en la red interna de PortAventura y como el servidor de correo está en la intranet, se quedó el correo sin enviar , fue un problema puntual que ocurrió una única vez en todo el año 2006.
Muy eficiente esta gente de Port Aventura, me han dado una muy buena impresión. Además ellos mismos me decían que llevan poco tiempo con la venta de entradas online, y por eso mucho personal del parque no sabe como funciona.
Published in: Internet,
* * *
Port Aventura online e IE7: la odisea
11 / Dec / 2006
Este fin de semana pasado estuve en Port Aventura, y para evitar colas innecesarias decidí comprar los billetes por Internet. Nada más entrar en la página de venta online vi que era algo antigua con lo que no esperé mucha compatilidad cross-browser. Por si acaso me fuí al IE, realizé la compra y ¡oh sorpresa! En el último paso me abren un popup que lanza la impresión de algo. Y digo algo porque las entradas jamás llegaron a la impresora. Lo más que pude hacer fué llevarme una captura de pantalla anterior, con mi nombre, número de localizador, etc.
Con esas llego a Port Aventura. Imaginaba tener que pasarme por información, pero como había una cola bien larga me voy directamente a la entrada. Pregunto y…
Trabajador: No, lo siento, debe pasar por taquilla.
Yo: ¿¿Taquilla??
Por si acaso pregunto a un trabajador que estaba por allí y me confirma que si, que aunque haya comprado por Internet debo pasar por taquillas.
Indignado hago la cola, presento mi papel, DNI en mano, pero el chico de taquilla se queda anonadado sin saber lo que tenía en las manos. Pregunta su compañero, mismo resultado, y me manda a información.
:-’(
Al menos a estas alturas la cola en atención al cliente había desaparecido así que me atendieron al momento. Les cuento otra vez lo mismo, lo miran, remiran, y al final me dicen:
At. Cliente: es que deberías haber sacado una como esta (mostrándome un papel con letritas y un código de barras).
Yo: Ya, pero si su sistema no funciona con IE7, ¿qué quieres que le haga?
Así que ya sabéis, hasta que lo arreglen, a comprar entradas online con IE6 o Firefox.
Published in: Internet,
* * *
¿Cuándo nos absorberá el IE7?
06 / Nov / 2006
La última versión del navegador de Microsoft ya está en la calle y en nuestro idioma. Por ahora estoy seguro de que únicamente desarrolladores y algún que otro geek la habran descargado, pero en pocos días estará en las actualizaciones automáticas del Windows XP.
La pregunta que nos afecta a aquellos que nos dedicamos a la web es, ¿cuánto tardará en convertirse en un navegador de uso masivo?
Por un lado podemos pensar que llegando como actualización crítica del sistema, pronto la gran mayoría de los usuarios de calle lo tendrán en sus ordenadores. Pero bien es cierto que muchas personas (¿la mayoría?) usan copias piratas, que quizás no tienen instalada la última versión del XP, y que por lo tanto seguirán usando IE6.
Y creedme, un sitio maquetado con IE6 en mente no tiene porqué funcionar bien en IE7, sobretodo si intentaste seguir los estándares web. Si utilizaste hacks para que tu web funcionara con la versión 6, ahora podría verse mal. Y es la gente de Redmond ha mejorado y mucho su navegador.
Si tuviera que mojarme, diría que en un mes habrá una masa suficiente de usuarios de IE7 como para ser tenida en cuenta. Sobre todo porque entre ellos pueden encontrarse muchos de tus clientes, que utilizan equipos con licencias legales.
Así que un consejo, dadle un vistazo a vuestras creaciones con el nuevo navegador, antes de que nadie os de un grito.
Published in: Internet, Diseño
Comentarios [8]
* * *
Layout dependiente de la resolución
25 / Apr / 2006
Cada vez que nos enfrentamos a la realización de un nuevo diseño surge la misma pregunta: ¿a que resolución lo vamos a optimizar? Hoy en día la mayoría de usuarios utiliza al menos una resolución de pantalla de 1024×768, pero todavía hay muchos que navegan a 800×600. Olvidarse de ellos a la hora de planificar un diseño significa que 2 de cada 10 usuarios van a encontrarse con barras de scroll horinzontales, sin duda un escenario nada apetecible.
Sin embargo renunciar a ese espacio de pantalla extra que disponemos a 1024×768, se me antoja un crimen para según que proyectos.
La solución nos llega de la mano del javascript. Tal y como presenta Cameron Adams en su artículo Resolution dependent layout podemos utilizar una hoja de estilos base y mediante javascript añadirle la funcionalidad de tener hojas alternativas que cambien nuestro layout. Depende de la resolución de nuestro navegador, tendremos unas u otras. Obviamente para sacar partido a esto debemos tener separada la estructura de la presentación, ¿pero esto ya lo hacemos, verdad? :-P
Otra buena noticia es que si nuestro usuario utiliza un agente que no soporta javascript, seguirá con el layout original, con lo que accesibilidad no se ve comprometida.
Podéir ver un ejemplo de como funciona, o bien descargar el código. Su uso es muy simple: en la cabecera del html llamamos a una hoja de estilos alternativa:
<link rel='alternate stylesheet' href='layout_1024.css' type='text/css' title='1024' />
Y en el fichero resolution.js le decimos a que resolución debemos añadirla:
if (theWidth > 990)
{
setStylesheet("1024");
document.cookie = "tmib_res_layout=" + escape("1024");
}
A partir de ahí queda a la imaginación de cada uno utilizar este código para salvar las situaciones que se encuentre en sus diseños. Buen provecho.
Published in: Diseño,
Comentarios [1]
* * *
Opera 9 pasa el test Acid2
29 / Mar / 2006
Leo en mis feeds que la próxima versión de Opera, la 9, pasará el test Acid2. Alegra ver como este navegador, ahora gratuito, sigue poco a poco mejorando. Siempre fué una buena opción: rápido, bastante bueno renderizando páginas y con características interesantes como guardar sesiones (ay lo bien que me venía en la época que se me colgaba Windows cada dos por tres…).
Hace años fué mi opción favorita, pero hoy en día seguiré usando Firefox, aunque siga sin pasar el test. Que queréis que os diga, al final veo mejor las páginas que con aquellos que sí pasan el test y se supone son más respetuosos con los estándares web (Safari, iCab, ahora Opera 9…)
Vía Molly.
Published in: Internet,
Comentarios [2]
* * *
IE7 Beta 2 disponible para descarga
31 / Jan / 2006
La gente de Microsoft ha liberado una beta 2 de su navegador IE7, con lo que no será necesaria la descarga vía p2p para probarlo.
Yo personalmente voy a esperar a que esté la versión final antes de mover un dedo, mientras sigo con mi querido Firefox.
Published in: Internet,
Comentario [4]
* * *
Rediseños – Azahar Airlines
28 / Aug / 2004
Comienzo hoy una nueva sección, dedicada a los rediseños. El primero del que quiero hablar es Azahar Airlines, una página personal dedicada a una aerolínea virtual.
Realicé este diseño allá por noviembre de 2003, y en aquella época a pesar de ya usar bastante las hojas de estilo, todavía trabajaba con una mentalidad basada en tablas. A si que el paso medio año después, fue cambiar todo el código, eliminando todas las tablas que me fueron posibles, dejando el estilo de la página lo más igual posible.
Podéis ver la antigua página siguiendo este enlace.
A destacar, pues la pelea habitual con el IE6 para poder posicionar las cajas en su sitio, por culpa del bug del modelo de caja. Al final consigo engañarlo y hacer que cada cosa quede en su sitio, pero tuve que cambiar el pie de página, y quitar el fondo gris porque no había manera de ponerlo en su sitio.
Además, incluí un truco leído en A List Apart, para hacer que una tabla tenga el color de fondo alternativo, sin necesidad de ponerlo a mano, una maravilla realizada con CSS y javascript. Podéis verlo en la plantilla. Comprobaréis que es mucho más claro de leer que no la antigua versión.
¿Objetivos conseguidos? El peso de la página no ha variado en general, algunas páginas son algo más ligeras, y otras un poco más pesadas, aunque el contenido no es el mismo, con lo que no es justa la comparación.
Ahora se muestra más correctamente en Opera y Firefox/Mozilla, ya que antes el fondo se mostraba incorrectamente (se cortaba cuando bajabas el scroll).
Y lo más importante, he sepadado el contenido del diseño. Ahora puedo actualizar rápidamente la imagen de la web, modificando casi únicamente los gráficos y la hoja de estilo.
En breve más rediseños, pero esta vez de antiguas páginas web que tenía colgadas en Internet, y que están ya desfasadas.
Published in: Diseño,
Comentarios [3]
* * *
2004-2012 - Alex Lillo. Publicado bajo Licencia CreativeCommons. Mantenido con textpattern. 