Aunque hay soluciones parciales (Semisecure Login Reimagined), la solución definitiva, como siempre, pasa por usar HTTPS o, lo que es lo mismo, HTTP sobre SSL. Desde la versión 2.6, WordPress permite usar SSL fácilmente para el panel de administrador. Así que me puse a hacer pruebas para configurar SSL en mi servidor web.

Sin embargo, ocurre una cosa muy interesante con el protocolo SSL cuando se usa con HTTP: que no se pueden servir fácilmente múltiples sitios virtuales encriptados con SSL desde una misma IP.

En el contexto de los servidores web, hablamos de sitios virtuales (Apache Virtual Host documentation) cuando servimos páginas de diferentes dominios desde un único servidor, en muchos casos compartiendo la IP y en otros, cada dominio con una IP diferente, posiblemente con interfaces virtuales. Cuando usamos HTTP sin SSL, el servidor sabe qué página en concreto estamos solicitando porque el cliente HTTP (el navegador) lo indica en la cabecera Host:

GET /blog/ HTTP/1.1
Host: www.vicente-navarro.com
User-Agent: Mozilla/5.0 (X11; U; Linux x86_64; es-ES; rv:1.9.0.6) Gecko/2009020911 Ubuntu/8.10 (intrepid) Firefox/3.0.6
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: es,en-us;q=0.7,en;q=0.3
Accept-Encoding: gzip,deflate
Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
Keep-Alive: 300
Connection: keep-alive

Sin embargo, cuando se usa SSL, la negociación entre los extremos y la encriptación ocurre en una capa inferior, antes de que éstos comiencen a usar el protocolo HTTP. Por ello, no es trivial configurar diferentes certificados para diferentes sitios web virtuales. En la configuración típica, sólo podremos usar un certificado compartido para todas las páginas que se sirvan por HTTPS desde un único servidor web, a menos que usemos una IP diferente para cada sitio: Apache SSL/TLS Strong Encryption: FAQ: Why can’t I use SSL with name-based/non-IP-based virtual hosts?, Apache SSL/TLS Strong Encryption: FAQ: Why is it not possible to use Name-Based Virtual Hosting to identify different SSL virtual hosts?.

Para este inconveniente hay workarounds (TLS Support for name-based virtual servers) y soluciones definitivas con el Server Name Indication (SNI). Apache 2.2 no soporta SNI, pero el módulo de Apache mod_gnutls (incluido en Debian Lenny: libapache2-mod-gnutls) nos permitiría usarlo. Desafortunadamente, aunque Firefox (>=2), Safari, Chrome y Opera soportan esta extensión del protocolo, Internet Explorer 6 e Internet Explorer 7 para Windows XP no soportan SNI, por lo que no podemos usarla de momento por motivos obvios.

Por todos estos motivos, descubrí que con los hostings profesionales no resulta fácil o, mejor dicho, barato, tener un servidor SSL. Es lo que me va a impedir a mí poder configurar SSL para el panel de administración de LHYLE.

Sin embargo, podemos seguir estudiando cómo podríamos hacerlo si lo que tenemos es un Hosting Casero o si le hemos contratado un servidor dedicado a nuestro proveedor de hosting.

(...)

Leer el resto de Crear los certificados SSL para nuestro servidor web HTTPS con Apache, OpenSSL y Debian Lenny (3,046 palabras)

Lo hice y lo entendí © Vicente Navarro 2009 con una licencia CC BY-SA | 3 comentarios
Etiquetas: Apache, Debian, Firefox, GNU/Linux, Internet Explorer, OpenSSL, seguridad, wget

Feed enhanced by Better Feed from Ozh

Este año ha sido bastante menos productivo que el anterior, ya que si la entrada Primer aniversario del blog era la número 100, ésta será la número 152. Es decir, este año ha traído la mitad de entradas que el anterior.

La verdad es que este año, por diversas circunstancias personales, he tenido mucho menos tiempo para el blog que el anterior. ¡Ah! ¡El tiempo! Qué curiosa que es la expresión “no tengo tiempo”, ¿verdad? Es curiosa porque a menudo no tenemos tiempo para unas cosas pero para otras sí. Y es curioso ver las cosas para las que queremos tener tiempo y para las que no… ¿Habéis leído alguna vez ese texto de las piedras y el tiempo que circula por Internet?

Un experto asesor de empresas en Gestión de Tiempo quiso sorprender a los asistentes a su conferencia.

Sacó de debajo del escritorio un frasco grande de boca ancha. Lo colocó sobre la mesa, junto a una bandeja con piedras del tamaño de un puño y preguntó:

-¿Cuantas piedras piensan que caben en el frasco?

Después de que los asistentes hicieran sus conjeturas, empezó a meter piedras hasta que llenaron el frasco. Luego preguntó:

-¿Está lleno?

Todo el mundo lo miró y asintió.

Entonces sacó de debajo de la mesa un cubo con gravilla. Metió parte de la gravilla en el frasco y lo agitó. Las piedrecillas penetraron por los espacios que dejaban las piedras grandes. El experto sonrió con ironía y repitió:

-¿Está lleno?

Esta vez los oyentes dudaron

-¡Tal vez no!

-¡Bien! -y puso en la mesa un cubo con arena que comenzó a volcar en el frasco. La arena se filtraba en los pequeños recovecos que dejaban las piedras y la grava.

-¿Está lleno? -preguntó de nuevo.

-¡No! -exclamaron los asistentes.

-Bien -dijo, y cogió una jarra de agua de un litro que comenzó a verter en el frasco. El frasco aún no rebosaba.

-Bueno, ¿qué hemos demostrado? -preguntó.

Un alumno respondió:

-Que no importa lo llena que esté tu agenda: si lo intentas, siempre puedes hacer que quepan mas cosas.

-¡No! -concluyó el experto-. Lo que esta lección nos enseña es que si no colocas las piedras grandes primero, nunca podrás colocarlas después.

¿Cuáles son las grandes piedras en tu vida?

Tu familia, tu vocación, tus hijos, tus amigos, tus sueños, tu salud, la persona amada.

Recuerda, ponlas primero. El resto encontrará su lugar.

Bueno, me temo que de cara a “la tercera temporada”, mis circunstancias personales aún me lleven a tener todavía “menos tiempo”, exactamente en el sentido del texto anterior. Por ello, no os extrañéis si en los próximos meses el número de entradas decrece aún más dramáticamente. Pero bueno, eso aún tiene que llegar y aún está por ver. De momento, repasemos cómo ha ido el año.

(...)

Leer el resto de Segundo aniversario del blog (927 palabras)

Lo hice y lo entendí © Vicente Navarro 2009 con una licencia CC BY-SA | 20 comentarios
Etiquetas: blog, FeedBurner, Firefox, Internet Explorer

Feed enhanced by Better Feed from Ozh

También es un blog cómico. Por ejemplo, en New Accessibility Features in IE8 nos hablan de dos geniales características que han inventado para IE8, el Find on Page y el Caret Browsing. ¿De qué me sonarán a mí?

Pero el chiste buenísimo fue el de IE8 Performance, donde nos decían que a quién le importa que el JavaScript vaya lento en IE8 si total nadie lo usa. Textualmente:

After some analysis, what we found was that investing the entirety of our effort on improving JScript would not substantially improve our users’ browsing experience in most cases.

Since most users do not use their browser solely to run JScript benchmarking suites, what’s even more important is that we’ve made many sites measurably faster.

Buenísimo, ¿verdad?

Sin embargo, hace unos días, la entrada The CSS Corner: Alternate Style Sheets me resultó extraordinariamente interesante, puesto que no conocía las Alternate Style Sheets.

Básicamente, consiste en que en la cabecera del documento HTML, especificamos la hoja de estilos normal, tal vez una para imprimir, como es mi caso y además, tantas hojas de estilos alternativas como queramos indicando rel="alternate stylesheet":

<link rel="stylesheet" href="http://www.vicente-navarro.com/blog/wp/wp-content/themes/lhyle08/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://www.vicente-navarro.com/blog/wp/wp-content/themes/lhyle08/print.css" type="text/css" media="print" />
<link rel="alternate stylesheet" title="LHYLE sin barra lateral" href="http://www.vicente-navarro.com/blog/wp/wp-content/themes/lhyle08/alternate.css" type="text/css" media="screen" />

Esto, desde hace años, permitía en otros navegadores (por ejemplo, Firefox o Mozilla) cambiar la hoja de estilos fácilmente. Por ejemplo, en este sitio he añadido una hoja de estilos alternativa llamada “LHYLE sin barra lateral” con la que la barra lateral no aparece. Para seleccionarla, sólo tenemos que ir al menú Ver donde encontraremos las hojas de estilos adicionales que nos ofrezca la página:

El W3C también nos ofrece una página de demostración con múltiples hojas de estilo alternativas: CSS tips & tricks: Alternative style sheets.

Sin embargo, es muy posible que la falta de un menú similar en Internet Explorer, el navegador con más cuota de mercado, haya hecho que esto, en lugar de ser una funcionalidad muy popular y conocida entre desarrolladores web y usuarios, haya pasada desapercibida para muchos. Es lo que tienen las prácticas monopolísticas.

En Alternative Style: Working With Alternate Style Sheets podemos ver cómo cargar hojas de estilo alternativas con JavaScript.

Hace unos meses, en mi entrada Hojas de estilo CSS para imprimir, también vimos cómo hacerlo con muy poco código PHP. De hecho, si cargamos esta misma página con el parámetro ?css=alternate.css, también veremos la página con la hoja de estilos alternativa “LHYLE sin barra lateral”:

http://www.vicente-navarro.com/blog/?css=alternate.css

Actualización 13/1/09: En Comentarios anidados con WordPress 2.7, nueva vista para archivos y otros cambios en la plantilla, además de comentar novedades en la plantilla, hablo de una nueva hoja de estilos alternativa que he introducido con la que la barra lateral aparece a la deracha.

:wq

Lo hice y lo entendí © Vicente Navarro 2008 con una licencia CC BY-SA | 4 comentarios
Etiquetas: CSS, Firefox, Internet Explorer, JavaScript, Microsoft, PHP

Feed enhanced by Better Feed from Ozh

Es una noticia buena para los usuarios de Linux AMD64 después de tanto tiempo pidiéndolo, porque el plugin de Flash es vital para nuestros sistemas de escritorio si queremos tener una experiencia completa en el uso de la web hoy en día. Su alternativa abierta, el Gnash, aún no está preparado para reemplazarlo completamente. La única opción que teníamos era usar el plugin de 32 bits con el nspluginwrapper (Sobre el plugin de Flash en Firefox/Iceweasel en Debian AMD64: El nspluginwrapper aceptado en Testing), una opción que, aunque nos saca del apuro, es muy inestable y nos obligaba muy a menudo a reiniciar el navegador porque el plugin de Flash dejaba de funcionar.

Es una noticia muy mala para los usuarios de Linux porque es lamentable que en nuestro sistema, que nos gustaría ver libre de todo el software propietario, tengamos que pasar por el aro de dos cosas: del dichoso plugin de Flash y de los drivers cerrados. No es casualidad que a menudo sean componentes de software de nuestros sistemas que desearíamos que fueran algo más estables. Es muy desafortunado que tengamos que depender de que los señores de Adobe sean magnánimos con los pobres bichos raros que usan Linux de 64 bits para poder usar lo que todo el mundo usa, Internet.

Y por supuesto, también es lamentable que diseños web que se podrían hacer de forma perfectamente estándar y llamativa con un poco de CSS, HTML y JavaScript, acaben siendo pasto del todopoderoso y monopolístico Flash para desesperación de aquello que llamamos accesibilidad. El uso de Flash para reproducir vídeos en la web es razonable, aunque sería mucho más deseable que se usara cualquiera de los formatos de vídeo abiertos disponibles. Donde sí tiene perfecta cabida, hay que reconocerlo, es en el campo de las animaciones, como los juegos online o los típicos esquemas interactivos que a menudo nos presentan los periódicos en su edición digital.

Bueno, yo he probado hoy esta nueva versión del plugin en mi Ubuntu 8.10 y he de decir que funciona. No lo he probado intensivamente, pero funciona bien con algún juego (¿habéis probado el Play 99 Bricks?) y con Youtube, Metacafe y ZappInternet. Sin embargo, me da la sensación de que usa muchísima CPU.

Para instalarlo, he desinstalado el paquete flashplugin-nonfree:

 $ sudo dpkg -P flashplugin-nonfree
(Reading database ... 134935 files and directories currently installed.)
Removing flashplugin-nonfree ...
Purging configuration files for flashplugin-nonfree ...

y he hecho un autoremove para que elimine el nspluginwrapper también:

$ sudo apt-get autoremove
Reading package lists... Done
Building dependency tree
Reading state information... Done
The following packages were automatically installed and are no longer required:
  nspluginwrapper
The following packages will be REMOVED:
  nspluginwrapper
0 upgraded, 0 newly installed, 1 to remove and 0 not upgraded.
After this operation, 483kB disk space will be freed.
Do you want to continue [Y/n]?
(Reading database ... 134928 files and directories currently installed.)
Removing nspluginwrapper ...
Processing triggers for man-db ...

Finalmente, he descargado el fichero libflashplayer-10.0.d20.7.linux-x86_64.so.tar.gz libflashplayer-10.0.d21.1.linux-x86_64.so.tar.gz y lo he descomprimido en el directorio ~/.mozilla/plugins. Sólo contiene una librería:

~ $ wget http://download.macromedia.com/pub/labs/flashplayer10/libflashplayer-10.0.d21.1.linux-x86_64.so.tar.gz

~ $ cd .mozilla/plugins/

~/.mozilla/plugins $ tar xvf ~/libflashplayer-10.0.d20.7.linux-x86_64.so.tar.gz
libflashplayer.so

Tras reiniciar el navegador, en el about:plugins ya veremos:

Shockwave Flash

File name: libflashplayer.so
Shockwave Flash 10.0 d20

Para instalar el plugin para todos los usuarios del sistema, habría que copiar la nueva librería en /usr/lib/mozilla/plugins/.

En fin, que la noticia deja un sabor muy agridulce. Es como cuando el driver de NVidia va mal y la actualización del driver cerrado arregla el problema. Se agradece la actualización, pero ésta no mitiga la impotencia que da depender de la voluntad que tenga una empresa para arreglar fallos o no hacerlo.

Actualización 20/11/08: The Inquirer: Instalación y rendimiento Adobe Flash 64bits en Linux

:wq

Lo hice y lo entendí © Vicente Navarro 2008 con una licencia CC BY-SA | 14 comentarios
Etiquetas: AMD64, drivers abiertos, Firefox, Flash, GNU/Linux, Ubuntu

Feed enhanced by Better Feed from Ozh

Es por eso que, cuando una página decide por mí qué tamaño de ventana es el adecuado redimensionando mi navegador, me enfurezco. Si usara Internet Explorer 6, que no tiene pestañas, quizás no me importaría tanto, ya que sólo se redimensionaría la ventana de esa página web; pero en Firefox (o IE7, o Google Chrome, o Safari, o…), redimensionar el navegador es redimensionarlo para todas las pestañas. Pero aún así, hay diseñadores web que se empeñan en usar técnicas del pasado y redimensionarnos el navegador a la fuerza.

Un ejemplo sangrante es el de la página de ING Direct. Sin entrar en que, en mi opinión, sus diseñadores no usan las mejores técnicas de accesibilidad posibles, lo primero con que nos encontramos al entrar es una maximización del navegador. Bueno, no es exactamente una maximización, es que el navegador use el máximo tamaño posible sin maximizarlo:

<script language=javascript>

window.top.resizeTo(screen.availWidth, screen.availHeight);
window.top.moveTo(0,0); 

</script>

Yo también te podría redimensionar el navegador ahora mismo, pero no lo hago porque considero que es de mal gusto que yo cuestione tu configuración del navegador. Pero si te apetece que lo haga, sólo tienes que pulsar sobre este enlace:

o si quieres que te moleste un poco más, tal vez quieras probar éste:

(...)

Leer el resto de Cómo evitar que las páginas web nos redimensionen Firefox (198 palabras)

Lo hice y lo entendí © Vicente Navarro 2008 con una licencia CC BY-SA | 12 comentarios
Etiquetas: Firefox, Google Chrome, Internet Explorer, JavaScript

Feed enhanced by Better Feed from Ozh

En esos casos, nos aparecerá el Mozilla Crash Reporter para solicitarnos permiso para enviar información sobre el crash a los servidores de la fundación Mozilla donde pueden estudiarlos y solucionar errores similares en posteriores revisiones:

Pues bien, decía que al principio los crashes parecían aleatorios, pero poco a poco me fue dando la sensación de que siempre aparecía en páginas que usaban el plugin de Java, pero no estaba seguro del todo. Hasta que no sé cómo, me enteré de la existencia del about:crashes, una página interna de Firefox que nos muestra un listado de los informes de errores que hemos mandado. Y yo tengo un buen montón:

(...)

Leer el resto de Gestionando crashes (errores) de Firefox con about:crashes (719 palabras)

Lo hice y lo entendí © Vicente Navarro 2008 con una licencia CC BY-SA | 4 comentarios
Etiquetas: Firefox, Java

Feed enhanced by Better Feed from Ozh

Yo ya había hecho mis pruebas con las versiones beta y las RC (entre otras cosas, porque venía por defecto con Ubuntu 8.04) y realmente había notado la gran mejora en velocidad, consumo de memoria y estabilidad que trae. Sin embargo, también había visto que muchas de mis extensiones favoritas no funcionaban, lo que me hacía plantearme si podría permitirme migrar de “FF2 con extensiones” a “FF3 sin extensiones”. Por eso escribí hace unas semanas: Los plugins, el arma secreta de Firefox.

Hoy, tras tomar las medidas pertinentes para permitirme una marcha atrás a Firefox 2 en el peor de los casos, he migrado a Firefox 3 con la buena noticia de que he podido actualizar casi todos mis plugins para funcionar con la nueva versión.

El “casi todos” viene por dos extensiones que ya no están soportadas.

Por un lado, el SwitchProxy Tool, una extensión que me permite ir cambiando de servidor proxy con tan solo dos clicks de ratón. Si nos movemos con nuestro portátil por diferentes entornos con diferentes servidores proxy, es una extensión imprescindible, pero desafortunadamente, no es compatible con Firefox 3.

En Los plugins, el arma secreta de Firefox, ya conté cómo hacer funcionar este plugin con Thunderbird 2, puesto que el plugin no funciona con dicha versión no por ninguna limitación de la versión 2, sino por estar configurado para no aceptar Thunderbird > 1.5 ni Firefox > 2.

Igual que hicimos para “compatibilizar” el plugin con Thunderbird 2, no hay ninguna dificultad en hacer lo mismo con Firefox 3 descargando el fichero switchproxy_tool-1.4.1-fx+mz+tb.xpi, descomprimiéndolo (los .xpi son ficheros ZIP), editando el fichero install.rdf y cambiando esto:

		<em:targetApplication>
			<Description>
				<em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id>
				<em:minVersion>1.0</em:minVersion>
				<em:maxVersion>2.0</em:maxVersion>
			</Description>
		</em:targetApplication>

		<em:targetApplication>
			<Description>
				<em:id>{3550f703-e582-4d05-9a08-453d09bdfdc6}</em:id>
				<em:minVersion>0.5</em:minVersion>
				<em:maxVersion>1.5</em:maxVersion>
			</Description>
		</em:targetApplication>

por esto:

		<em:targetApplication>
			<Description>
				<em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id>
				<em:minVersion>1.0</em:minVersion>
				<em:maxVersion>3.0</em:maxVersion>
			</Description>
		</em:targetApplication>

		<em:targetApplication>
			<Description>
				<em:id>{3550f703-e582-4d05-9a08-453d09bdfdc6}</em:id>
				<em:minVersion>0.5</em:minVersion>
				<em:maxVersion>2.0</em:maxVersion>
			</Description>
		</em:targetApplication>

y volviendo a comprimir el fichero .xpi de nuevo. Tras esto, arrastramos el fichero del plugin al navegador y se instalará sin problemas. Hasta donde yo he probado, funciona perfectamente.

En cualquier caso, dejo la extensión modificada aquí mismo por si alguien prefiere evitarse el trabajo de hacer estos cambios:

El otro plugin que voy a sentir mucho perder es el Google Browser Sync. Estaba siguiendo las páginas Google Browser Sync for Firefox 3 y please update google browser sync for firefox 3, para ver si Google finalmente se decidía a actualizar el plugin para que lo pudiéramos disfrutar en Firefox 3, pero finalmente parece que Google ha decidido no seguir desarrollándolo: Google Browser Sync Discontinued, No Firefox 3 Support.

La verdad es que el nuevo sistema de Firefox 3 de guardar los marcadores con SQLite en el fichero places.sqlite en vez de en el añejo bookmarks.html debe dificultar mucho la adaptación a la nueva versión.

¿Alternativas para sincronizar al menos los marcadores?

Aunque tengo cuenta de del.icio.us y su extensión correspondiente y los uso mucho, no me sirve para sincronizar marcadores (la sincronización de cookies y otros elementos ya la doy totalmente por perdida), ya que yo uso del.icio.us para guardar enlaces de páginas que me van gustando pero que no sé si volveré a consultar. Es un poco un “histórico de webs que me han gustado por algo”.

En cambio, mis marcadores de Firefox son enlaces a páginas de uso muy frecuente, por lo que me gusta tener pocos, bien organizados y que estén sincronizados en todos los ordenadores que uso.

El Bookmark Sync and Sort no es una opción, ya que no se actualiza desde el 2006 y, por tanto, no sirve para Firefox 3. Además, este plugin sincroniza los marcadores usando un servidor FTP/WebDAV del usuario, algo con lo que no todos cuentan, por lo que añade un gran obstáculo a que sea viable para la mayoría de usuarios.

Así que me he pasado al Foxmarks, que permite almacenar los marcadores en los servidores de la empresa que lo desarrolla, o incluso en nuestro propio servidor, si así lo preferimos. Al poner sus servidores a disposición de este plugin, la empresa Foxmarks gana el análisis anónimo de los marcadores que almacenan sus usuarios para estudiar sus tendencias e intereses. Las primeras sensaciones son muy buenas, aunque me gustaría que fuera capaz de sincronizar otros elementos como hacía el viejo Google Browser Sync.

En cualquier caso, si no me equivoco, un próximo sustituto del Google Browser Sync será el Mozilla Weave, que ya está en un estado de desarrollo bastante avanzado: Weave Status Update 9/6/08.

Actualización 28/9/09: La extensión Multiproxy Switch es una versión renovada del abandonado SwitchProxy Tool.

:wq

Lo hice y lo entendí © Vicente Navarro 2008 con una licencia CC BY-SA | 10 comentarios
Etiquetas: Firefox

Feed enhanced by Better Feed from Ozh

En los escritorios Linux, tanto en GNOME como en KDE, tenemos, en el panel de configuración de fuentes, la posibilidad de modificar el antialiasing/smoothig/hinting que queremos aplicarles. En estos escritorios, dadas las fuentes que se usan por defecto, la sensación resultante es muy buena. Son fuentes muy pensadas para usarlas con técnicas de antialiasing, y si las desactiváramos, la apariencia sería nefasta.

En Windows XP, también hay opciones de suavizado de fuentes como en Windows 98 y en Windows 2000, pero además incorpora la tecnología ClearType, especialmente pensada para mejorar la apariencia de las fuentes. Lo podemos activar en el diálogo de propiedades de la pantalla, apariencia, efectos:

 

Tal y como leemos en el Microsoft ClearType FAQ, Windows XP por defecto trae el ClearType desactivado, pero los fabricantes de ordenadores, cuando hacen la preinstalación, pueden elegir activarlo por defecto. Como Microsoft lo aconseja muy especialmente para portátiles y otras pantallas planas, hay muchos portátiles en los que al encenderlos por primera vez nos encontramos con que llevan el ClearType activado.

Pues el asunto es que cuando el ClearType está activado en Windows XP, incluso en portátiles, normalmente a mí me da una ligera sensación de mareo, ya que me da la impresión de que las letras están un poco borrosas. Y tampoco es que sea siempre: depende de la resolución usada y del monitor. Es un poco subjetivo.

(...)

Leer el resto de Activar ClearType en Firefox 2 para Windows XP (507 palabras)

Lo hice y lo entendí © Vicente Navarro 2008 con una licencia CC BY-SA | 6 comentarios
Etiquetas: antialiasing, ClearType, Firefox, fuentes, Internet Explorer, Safari, Windows

Feed enhanced by Better Feed from Ozh

Por un lado, Microsoft parece que se ha decidido a que Internet Explorer 8 llegue a ser algo decente en lo que respecta al soporte de estándares:

• Internet Explorer 8 y el nuevo “super-duper standards mode”

Por otro lado, Safari/WebKit y Opera están en una encarnizada batalla para ver quién es el que más estándares soporta y quién logra pasar antes y mejor el test Acid 3:

• Opera first browser to reach 100% in Acid3 test
• WebKit achieves Acid3 100/100 in public build
• Web Fonts, fuentes descargables para la web

Apple, por su parte, no se corta en propagar a los cuatro vientos que Safari 3.1 es el navegador más rápido tras probarlos todos con el “VeriTest’s iBench Version 5.0″:

Blazing performance.

The fastest web browser on any platform, Safari loads pages up to 1.9 times faster than Internet Explorer 7 and up to 1.7 times faster than Firefox 2.

And it executes JavaScript up to 6 times faster than Internet Explorer 7 and up to 4 times faster than Firefox 2. What does all that mean for you? Less time loading pages and more time enjoying them.

(...)

Leer el resto de Los plugins, el arma secreta de Firefox (671 palabras)

Lo hice y lo entendí © Vicente Navarro 2008 con una licencia CC BY-SA | 17 comentarios
Etiquetas: CSS, Firefox, HTML, Internet Explorer, Safari, Thunderbird

Feed enhanced by Better Feed from Ozh

Tal vez podría decir que “Lo hice y lo entendí” cumple un año, pero no sería exacto, porque desde el 17 de Febrero hasta el 24 de Mayo, el nombre del blog fue valencia.homelinux.org, igual que su dirección. ¡Qué poco original! De todas formas, el lema del blog había sido “Me lo contaron y lo olvidé, lo vi y lo aprendí, lo hice y lo entendí” desde exactamente la segunda entrada: Lema del blog.

El 11 de Marzo compré el dominio vicente-navarro.com, y el día 14 comenzó a ser el dominio principal del blog, aunque el otro sigue apuntando aquí todavía, pero hasta el 24 de Mayo, el título del blog siguió siendo valencia.homelinux.org.

Por cierto, no sólo es el primer cumpleaños, da la casualidad de que ésta es la entrada número 100, de modo que hay celebración por partida doble. 100 entradas en 365+1 días es una frecuencia de una entrada por cada 3.66 días. No está nada mal, ¿verdad? Yo mismo estoy sorprendido de que sean tantas, porque muchas de las entradas me han supuesto muchas horas de trabajo, de modo que ya está bien, ya…

El tener un blog propio me ha llevado a “integrarme” mucho más en la web. Mientras que antes me comportaba en la mayoría de los casos como mero espectador pasivo de Internet, sin atreverme a participar de forma activa en prácticamente nada, el blog me metió de pleno en la vidilla social de la Web. Viendo que me gustaba que me dejaran comentarios, comencé a dejarlos yo en otros blogs, y poco a poco mi rol de espectador fue pasando al de actor de un diminuto papel del gran espectáculo que es Internet.

(...)

Leer el resto de Primer aniversario del blog (2,753 palabras)

Lo hice y lo entendí © Vicente Navarro 2008 con una licencia CC BY-SA | 34 comentarios
Etiquetas: blog, Gravatar, hosting, Internet Explorer, paleta de colores, SP8000E, VIA EPIA, WordPress, Zyxel 660HW

Feed enhanced by Better Feed from Ozh

Tras haber usado durante algún tiempo Netscape 3 y 4 (Internet Explorer no lo usaba casi nadie por aquel entonces), mi primer contacto serio con el mundillo del diseño web fue en 1997. En 1997, año en el que salió el Internet Explorer 4 (aunque no se popularizó hasta que el Windows 98, que lo llevaba integrado, se extendió), recuerdo que era muy fácil hacer una página web que se viera bien en Netscape y en Internet Explorer. La última moda era diseñar las páginas con frames y muchas tablas para definir el diseño de la página. El CSS aún no lo usaba nadie, pero ya comenzaba a tener soporte parcial en los navegadores.

Luego vino la época en la que las páginas requerían “navegadores versión 4 o superior”. Los navegadores 3 dejaron de utilizarse completamente y, como leemos en browser wars, era frecuente que las páginas tuvieran un logo de “best viewed in Netscape” o “best viewed in Internet Explorer”, y ahí comenzó el problema de que era difícil conseguir que una página se viera bien en todos los navegadores.

(...)

Leer el resto de Internet Explorer 8 y el nuevo “super-duper standards mode” (1,947 palabras)

Lo hice y lo entendí © Vicente Navarro 2008 con una licencia CC BY-SA | 6 comentarios
Etiquetas: Firefox, Internet Explorer, Microsoft

Feed enhanced by Better Feed from Ozh

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Con la vistas puesta en un asunto que tal vez trate en una futura entrada, estaba haciendo unas pruebas de guardar el código desde el navegador a un fichero .html y he descubierto algunas cosas interesantes…

La función wptexturize de WordPress

En primer lugar, que WordPress tiene una función/filtro llamado wptexturize (en wp-includes/formatting.php) que nos arregla el aspecto de algunos signos de puntuación. Por ejemplo, si al editar la entrada escribimos:

"prueba"

la función wptexturize, al crear la página final, lo sustituiría por

“prueba”

que es equivalente a

“prueba”

y que, renderizado por el navegador, queda con fancy quotes (comillas de apertura y cierre diferenciadas):

“prueba”

En What is Texturize? encontramos más ejemplos, y si queremos saber exactamente qué y cómo lo hace, podemos consultar el código de la función. También hay que tener en cuenta que hay fuentes que sacan las fancy quotes exactamente igual que las estándar, así que es posible que según la fuente usada no lo notemos.

Algunos navegadores guardan el código HTML codificado

La segunda cosa que he descubierto es que cuando guardas una página codificada en UTF-8 que tienes abierta en Firefox o en Internet Explorer, los códigos HTML como “ o ” (podemos consultar todos los códigos HTML en Character entity references in HTML 4) son sustituidos por sus secuencia de bytes correspondiente para formar el código UTF-8 que corresponde. Konqueror no lo hace así y deja los códigos tal y como van en la página.

Por ejemplo, supongamos que creamos un fichero HTML con el siguiente código:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Prueba</title>
</head>
<body>
Una palabra &ldquo;entrecomillada&rdquo; como ejemplo.
</body>
</html>

(...)

Leer el resto de Notas sobre la función wptexturize de WordPress, sobre los navegadores que convierten el código HTML a UTF-8 y sobre Unicode/UTF-8 (751 palabras)

Lo hice y lo entendí © Vicente Navarro 2007 con una licencia CC BY-SA | Sin comentarios
Etiquetas: Firefox, GNU/Linux, Icewesel, iconv, internacionalización, Internet Explorer, ISO-8859, juegos de caracteres, Unicode, UTF-8, WordPress, wptexturize

Feed enhanced by Better Feed from Ozh

El HTML está para el contenido y el CSS para el estilo. Idealmente, el HTML no debería de tener ninguna referencia a colores, fuentes, tamaños, alineamiento del texto, etc. Eso nos permite cambiarle muy fácilmente la hoja de estilo y tener otra página de aspecto radicalmente distinto pero con el mismo contenido. Alguna vez le querido explicar esto a alguien y me ha resultado muy fácil hacerlo apoyándome en CSS Zen Garden: The Beauty in CSS Design, una página en la que partiendo del mismo contenido, multitud de autores le dan un aspecto radical y sorprendentemente distinto únicamente cambiando el CSS, la hoja de estilo.

Para especificar una hoja de estilo diferente para impresión, deberíamos de tener en la cabecera del documento HTML (entre <head> y </head>) una entrada de CSS para el diseño en pantalla (media="screen") y otra para el diseño para imprimir (media="print"):

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

Podemos consultar los tipos de media que podemos usar en el estándar CSS 2.1, capítulo Media Types. Vemos que también existe el media handheld para especificar hojas de estilos adecuadas para PDAs y teléfonos móviles.

Para la hoja de estilo de impresión de este blog, yo he decidido intervenir lo mínimo posible. Únicamente escondo todos los elementos que no deberían aparecer en la página impresa: los comentarios, el formulario para introducir comentarios, las cajas laterales, los enlaces de navegación (entrada anterior, entrada siguiente), etc. e intervengo mínimamente en un par de aspectos más.

(...)

Leer el resto de Hojas de estilo CSS para imprimir (592 palabras)

Lo hice y lo entendí © Vicente Navarro 2007 con una licencia CC BY-SA | 8 comentarios
Etiquetas: blog, CSS, Firefox, Google, HTML, impresión, PHP, WordPress

Feed enhanced by Better Feed from Ozh

Para intentar aclarar el problema, primero nos tenemos que fijar en las unidades de medidas que define el estándar CSS 2.1. Por un lado tenemos las unidades de medidas relativas a otra unidad:

• em: the ‘font-size’ of the relevant font
• ex: the ‘x-height’ of the relevant font
• px: pixels, relative to the viewing device

Podemos pensar que un número de pixels px no es una unidad de medida relativa, pero sí que lo es si pensamos que la página se puede mostrar en papel si la imprimimos o en monitores muy grandes, muy pequeños, en un proyector. Tú pones px cuando diseñas la página web pero luego ese pixel puede medir físicamente un centímetro si se muestra en un proyector. De ahí la relatividad de dicha medida.

Para una pantalla, el estándar indica como referencia que estando los ojos a una distancia de un brazo (28″) de la pantalla, un pixel ha de verse con un tamaño de 0.26mm (1/96 in) o, lo que es lo mismo, 96 DPI:

Por otro lado, tenemos las unidades de medida absolutas para las que es necesario conocer las dimensiones físicas del dispositivo de salida:

• in: inches — 1 inch is equal to 2.54 centimeters.
• cm: centimeters
• mm: millimeters
• pt: points — the points used by CSS 2.1 are equal to 1/72nd of an inch.
• pc: picas — 1 pica is equal to 12 points.

Vemos que pt se define como puntos de 72 DPI.

(...)

Leer el resto de Los DPI en los navegadores web de Windows y Linux (1,058 palabras)

Lo hice y lo entendí © Vicente Navarro 2007 con una licencia CC BY-SA | 3 comentarios
Etiquetas: antialiasing, CSS, DPI, Firefox, fuentes, GNU/Linux, HTML, Iceweasel, Internet Explorer, Windows

Feed enhanced by Better Feed from Ozh

La única pega por la que me he sentido siempre atado ha sido el plugin de Flash Player, ya que aunque existe para Linux, Adobe aún no se ha dignado a sacarlo para plataformas de 64 bits. Ni siquiera tras la salida del Flash 9:

When will a 64-bit version of Adobe Flash Player for Linux be available?

The Adobe Flash Player team is working on support for 64-bit platforms as part of our ongoing commitment to the cross-platform compatibility of Adobe Flash Player. We have not yet announced timing or release dates.

Que no se me entienda mal… yo odio el abuso de los contenidos en Flash, como todo hijo de vecino que entiende cómo funciona una web y la indexación de contenidos por los buscadores y la accesibilidad y todo eso. Sin embargo, entiendo que el producto tiene su nicho de mercado legítimo en los contenidos multimedia, como juegos, animaciones, aplicaciones interactivas y… ¿cómo no? En vídeos. Mientras que tradicionalmente ha sido un lío configurar un Linux para poder ver bien los vídeos incrustados en páginas web, el Flash Player ha llegado y nos ha resuelto todos los problemas de un tacazo. ¿Qué internauta linuxero de hoy en día tiene problemas para ver vídeos de YouTube o similares con el plugin de Flash Player?

(...)

Leer el resto de Sobre el plugin de Flash en Firefox/Iceweasel en Debian AMD64: El nspluginwrapper aceptado en Testing (785 palabras)

Lo hice y lo entendí © Vicente Navarro 2007 con una licencia CC BY-SA | 33 comentarios
Etiquetas: AMD64, Debian, Firefox, Flash, Iceweasel

Feed enhanced by Better Feed from Ozh

Algunas extensiones especialmente útiles:

• IE View Para abrir IE desde el Firefox para esas páginas que no se ven bien.
• IE Tab Igual que la anterior pero mete el IE dentro de un tab de Firefox.
• MAF ¿Te gusta la capacidad del IE de crear ficheros MHT (que contienen los ficheros html e imágenes de una web en un sólo fichero)? Pues esta extensión añade esa capacidad al Firefox.
• FlashGot Para descargarte todas las imágenes o ficheros de una selección o página.
• PDF Download Para todas esas veces que no quieres que el PDF de turno se abra en el navegador sino que quieres descargarlo.
• ScreenGrab En mi opinión, ¡la extensión más imprescindible! Permite hacer una captura de toda la página en la que estamos.
• Mouse Gestures Nos permite controlar la navegación con movimientos del ratón.

Estas son las que más uso diariamente, pero hay muchísimas más extensiones que nos pueden facilitar muchísimo nuestra navegación diaria.

(...)

Leer el resto de Por qué me gusta el Firefox (823 palabras)

Lo hice y lo entendí © Vicente Navarro 2007 con una licencia CC BY-SA | 25 comentarios
Etiquetas: Firefox, Iceweasel

Feed enhanced by Better Feed from Ozh