Comentarios anidados con WordPress 2.7

En relación a los comentarios anidados, para entender cómo funciona el nuevo loop y cómo adaptar nuestra plantilla para mostrarlos como queramos, podemos usar varias excelentes páginas como referencia:

• WordPress Codex: Migrating Plugins and Themes to 2.7/Enhanced Comment Display
• WordPress 2.7 Comments Enhancements
• aNieto2k: Adapta los comentarios de tu theme a WordPress 2.7
• aNieto2k: Adapta tus comentarios a WordPress 2.7 sin problemas

Al final yo no metí la tijera en la actual plantilla directamente para cambiar el sistema de comentarios viejo por el loop actual. Lo hice al contrario: copié el comments.php de la plantilla de por defecto, la Kubrick, y la fui adaptando a mis necesidades para tener una plantilla que soportara ya comentarios anidados sin problemas y con la máxima compatibilidad con cualquier plugin. El resto fue mucho trabajo de ajustar los estilos en CSS. El resultado se puede ver en los primeros comentarios de ejemplo de esta misma entrada.

¡Ah! Y no se nos tiene que olvidar activar los comentarios anidados en el panel de control (Opciones → Discusión).

(...)

Leer el resto de Comentarios anidados con WordPress 2.7, nueva vista para archivos y otros cambios en la plantilla (956 palabras)

Lo hice y lo entendí © Vicente Navarro 2009 con una licencia CC BY-SA | 9 comentarios
Etiquetas: blog, PHP, WordPress

Entradas relacionadas

• Hosting casero HOWTO (3)
• Hojas de estilo CSS para imprimir (3)
• WordPress y el cambio de hora (2)
• Primer aniversario del blog (2)
• Las categorías no son etiquetas (2)
• Guardar las imágenes subidas al servidor fuera del árbol de directorios de WordPress (2)

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

Entradas relacionadas

• Web Fonts, fuentes descargables para la web (4)
• Los plugins, el arma secreta de Firefox (3)
• Los DPI en los navegadores web de Windows y Linux (3)
• Internet Explorer 8 y el nuevo “super-duper standards mode” (3)
• Hojas de estilo CSS para imprimir (3)
• Cómo evitar que las páginas web nos redimensionen Firefox (3)

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 | 13 comentarios
Etiquetas: Firefox, Google Chrome, Internet Explorer, JavaScript

Entradas relacionadas

• Web Fonts, fuentes descargables para la web (3)
• Hojas de estilos (CSS) alternativas (3)
• Segundo aniversario del blog (2)
• 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 (2)
• Los plugins, el arma secreta de Firefox (2)
• Los DPI en los navegadores web de Windows y Linux (2)

Feed enhanced by Better Feed from Ozh

• El paso a UTF-8 con Ubuntu Hardy Heron: rsync entre sistemas con distinto juego de caracteres
• 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
• Cómo mantener los acentos y las eñes al montar NTFS, FAT o smbfs y al compartir directorios con Samba

Si bien muchos visitantes pueden tener claro ¿qué es un juego de caracteres?, también es posible que muchos otros se sientan un poco perdidos entre todas estas siglas y no entiendan por qué los nombres de los ficheros o su contenido, que se ven bien en un sistema operativo, no se ven bien en otro.

Teoría básica de ordenadores es que éstos sólo saben de unos y ceros. Afortunadamente, con unos y ceros, gracias al sistema binario se puede representar cualquier número. Por tanto, los ordenadores básicamente sólo saben manejar números.

Parecerá una perogrullada, pero en este punto es necesario recordar que las letras no son números. Mientras que los unos y ceros se convierten en un número decimal como los que solemos usar de forma natural, no hay ninguna regla matemática que asocie unos y ceros con una letra.

Sin embargo, sí que podemos definir reglas arbitrarias para que los ordenadores puedan trabajar con letras asociando letras/caracteres determinados a un número determinado, lo que llamaremos “juego de caracteres“. El juego de caracteres más famoso es el ASCII (American Standard Code for Information Interchange), creado en 1960 para los teletipos de la época. Es un sistema en el que a cada carácter le asignamos un número de 7 bits (del 0 al 127) que nos permite tener 128 caracteres, de los cuales 33 son de control necesarios en los antiguos teletipos pero mayormente obsoletos hoy en día, y los 95 restantes son los números 0-9, las letras mayúsculas (sin la “Ñ”) A-Z, las letras minúsculas (sin la “ñ”) a-z, así como los siguientes signos de puntuación:

En este sistema, por ejemplo a la “a” le corresponde el número 97 y a la “J” el número 74.

Es evidente que el juego de caracteres ASCII presenta una visión bastante anglocéntrica de la informática, ya que es excluyente con todas las personas que tenemos el vicio de usar lenguas distintas al inglés y necesitamos caracteres como la ñ, la ç o la ß. Es por eso que cuando los teletipos quedaron atrás y los ordenadores trajeron los “bytes” o, lo que es lo mismo, los números de 8 bits (del 0 al 255), los juegos de caracteres pudieron empezar a usar 128 caracteres más de los que tenía ASCII, en los que se incluyeron los símbolos necesarios para idiomas europeos diferentes al inglés.

(...)

Leer el resto de Juegos de caracteres: ASCII, CP850, ISO-8859-15, Unicode, UTF-8, etc. (3,467 palabras)

Lo hice y lo entendí © Vicente Navarro 2008 con una licencia CC BY-SA | 17 comentarios
Etiquetas: acentos, ASCII, convmv, CP437, CP850, eñe, GNU/Linux, HTML, iconv, internacionalización, ISO-8859, juegos de caracteres, Unicode, UTF-16, UTF-8, Windows, Windows-1252

Entradas relacionadas

• El paso a UTF-8 con Ubuntu Hardy Heron: rsync entre sistemas con distinto juego de caracteres (12)
• Cómo mantener los acentos y las eñes al montar NTFS, FAT o smbfs y al compartir directorios con Samba (9)
• 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 (7)
• Los DPI en los navegadores web de Windows y Linux (3)
• Wake on LAN (2)
• VPN con OpenSSH (2)

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

Entradas relacionadas

• Web Fonts, fuentes descargables para la web (5)
• Los DPI en los navegadores web de Windows y Linux (4)
• Hojas de estilos (CSS) alternativas (3)
• Hojas de estilo CSS para imprimir (3)
• Activar ClearType en Firefox 2 para Windows XP (3)
• Segundo aniversario del blog (2)

Feed enhanced by Better Feed from Ozh

Recordemos que, según la especificación CSS 2.1, sección de fuentes, a la propiedad CSS font-family le podemos asignar una fuente concreta o una familia genérica de fuentes (serif, sans-serif, monospace) de forma que si la fuente que queremos mostrar no está disponible, se use una de las genéricas que el navegador tiene definidas por defecto:

<family-name>

The name of a font family of choice. In the last example, “Gill” and “Helvetica” are font families.

<generic-family>

In the example above, the last value is a generic family name. The following generic families are defined:

• ‘serif’ (e.g. Times)
• ‘sans-serif’ (e.g. Helvetica)
• ‘cursive’ (e.g. Zapf-Chancery)
• ‘fantasy’ (e.g. Western)
• ‘monospace’ (e.g. Courier)

Style sheet designers are encouraged to offer a generic font family as a last alternative. Generic font family names are keywords and must NOT be quoted.

Un ejemplo típico de uso de esta propiedad sería:

body { font-family: Verdana, Arial, sans-serif }

Pero como normalmente no podremos saber seguro de antemano (a menos que estemos desarrollando una página para un entorno corporativo controlado o, por ejemplo, para un kiosko) que el usuario va a tener las fuentes que queremos usar, nunca podremos saber seguro la apariencia que van a tener los textos de nuestra página en otros sistemas.

(...)

Leer el resto de Web Fonts, fuentes descargables para la web (3,048 palabras)

Lo hice y lo entendí © Vicente Navarro 2008 con una licencia CC BY-SA | 12 comentarios
Etiquetas: Acid3, CSS, Firefox, Flash, fuentes, HTML, Internet Explorer, JavaScript, Safari, sIFR, Web Fonts

Entradas relacionadas

• Los plugins, el arma secreta de Firefox (5)
• Los DPI en los navegadores web de Windows y Linux (5)
• Hojas de estilos (CSS) alternativas (4)
• Activar ClearType en Firefox 2 para Windows XP (4)
• Hojas de estilo CSS para imprimir (3)
• Cómo evitar que las páginas web nos redimensionen Firefox (3)

Feed enhanced by Better Feed from Ozh

\b[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b

(Expresiones Regulares en la shell. Ejemplos de uso con grep, awk y sed.)

Para mostrarlo, he buscado alguna web que tuviera muchas direcciones de correo y la página de direcciones de contacto de la Universidad de Navarra resulta ser una excelente víctima para mi prueba. Con un comando como este:

$ wget -q -O - http://www.unav.es/informacion/direccionesdecontacto.html | \
egrep -oi '\b[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b' | sort -u | sed 's/unav.es/unav.is/'
abar@unav.is
adelgado@unav.is
adomeno@unav.is
agonzalez@unav.is
almcompr@unav.is
[...]

vemos lo fácil que resulta extraer todas las direcciones de correo de una página. Para el ejemplo, yo he tenido la precaución de cambiar el dominio final s/es/is/ para no dar aún más visibilidad a esas direcciones.

(...)

Leer el resto de mailto: sin miedo a spammers (1,761 palabras)

Lo hice y lo entendí © Vicente Navarro 2008 con una licencia CC BY-SA | 19 comentarios
Etiquetas: Apache, e-mail, expresiones regulares, HTML, ImageMagick, JavaScript, ofuscación de e-mail, PHP, spam, wget

Entradas relacionadas

• Hosting casero HOWTO (4)
• Web Fonts, fuentes descargables para la web (2)
• Servir con Apache imágenes con marca de agua (watermark) (2)
• Probando el mod_deflate de Apache (2)
• Hojas de estilos (CSS) alternativas (2)
• Hojas de estilo CSS para imprimir (2)

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

Entradas relacionadas

• Hosting casero HOWTO (5)
• WordPress y el cambio de hora (2)
• Sobre las VIA EPIA (VI): Gráficos y vídeo acelerado por HW en Linux con la EX10000EG (2)
• Sobre las VIA EPIA (III): Linux en una SP8000E (2)
• Sobre las VIA EPIA (II): Mi ordenador basado en una SP8000E (2)
• Sobre las VIA EPIA (I): Introducción al formato Mini-ITX y a las placas EPIA (2)

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,939 palabras)

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

Entradas relacionadas

• Hojas de estilos (CSS) alternativas (3)
• Web Fonts, fuentes descargables para la web (2)
• Segundo aniversario del blog (2)
• 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 (2)
• Los plugins, el arma secreta de Firefox (2)
• Los DPI en los navegadores web de Windows y Linux (2)

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

&#8220;prueba&#8221;

que es equivalente a

&ldquo;prueba&rdquo;

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

Entradas relacionadas

• Juegos de caracteres: ASCII, CP850, ISO-8859-15, Unicode, UTF-8, etc. (7)
• El paso a UTF-8 con Ubuntu Hardy Heron: rsync entre sistemas con distinto juego de caracteres (7)
• Cómo mantener los acentos y las eñes al montar NTFS, FAT o smbfs y al compartir directorios con Samba (6)
• Los DPI en los navegadores web de Windows y Linux (3)
• Crear los certificados SSL para nuestro servidor web HTTPS con Apache, OpenSSL y Debian Lenny (3)
• Ya tenemos un plugin de Flash nativo para Linux de 64 bits (2)

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

Entradas relacionadas

• Hosting casero HOWTO (4)
• Web Fonts, fuentes descargables para la web (3)
• Los plugins, el arma secreta de Firefox (3)
• Los DPI en los navegadores web de Windows y Linux (3)
• Hojas de estilos (CSS) alternativas (3)
• Comentarios anidados con WordPress 2.7, nueva vista para archivos y otros cambios en la plantilla (3)

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

Entradas relacionadas

• Web Fonts, fuentes descargables para la web (5)
• Los DPI en pantalla en Windows y Linux (5)
• Activar ClearType en Firefox 2 para Windows XP (5)
• Los plugins, el arma secreta de Firefox (4)
• 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 (3)
• Juegos de caracteres: ASCII, CP850, ISO-8859-15, Unicode, UTF-8, etc. (3)

Feed enhanced by Better Feed from Ozh

Es en Opciones → Miscelánea donde podemos elegir en qué directorio debajo de la estructura de WordPress queremos tener las imágenes subidas, pero si tenemos el WordPress en, por ejemplo, <DocumentRoot>/wordpress, nunca podríamos tener las imágenes en <DocumentRoot>/img.

Buscando si había alguna forma estándar de cambiar esto, encontré a mucha gente que preguntaba lo mismo, pero pocas respuestas. Finalmente llegé a una entrada en el foro de soporte de WordPress que me daba pistas, pero para mi versión actual, la 2.1.2, la solución propuesta no se podía aplicar directamente.

(...)

Leer el resto de Guardar las imágenes subidas al servidor fuera del árbol de directorios de WordPress (551 palabras)

Lo hice y lo entendí © Vicente Navarro 2007 con una licencia CC BY-SA | Sin comentarios
Etiquetas: MySQL, patch, PHP, WordPress

Entradas relacionadas

• Hosting casero HOWTO (3)
• Recuperar una entrada perdida de WordPress. MySQL Point-in-Time recovery: mysqlbinlog. (2)
• Hojas de estilo CSS para imprimir (2)
• Desinstalar plugins de WordPress. Los casos de “subscribe to comments”, “WP Ajax Edit Comments” y WP-OpenID. (2)
• Deshabilitar los comentarios en todas las entradas de WordPress (2)
• Corrupción en MySQL: ERROR 2006 (HY000): MySQL server has gone away (2)

Feed enhanced by Better Feed from Ozh