Archive for the ‘Diseño web’ Category.

Opera and mysterious font aliasing problem in Ubuntu and Debian

Opera renders text without antialiasing under Ubuntu and Debian when a value in the font-family CSS property matches a “Core X” font before an Xft font.

That’s why Opera can be set to ignore core X fonts, by unchecking the Enable Core X fonts configuration option. You can use this as a workaround.

Continue reading ‘Opera and mysterious font aliasing problem in Ubuntu and Debian’ »

Porcentajes de zoom por resolución de pantalla

Además de facilitar la lectura, ver un sitio más grande en un navegador como Opera, nos permite simular cómo se vería el sitio en una resolución diferente. Esta es una tabla de valores de porcentaje que podemos usar para simular el sitio en otras resoluciones.

Cómo se usa:

  1. Maximiza tu navegador.
  2. Escoge la tabla a usar.
    • La primera tabla se calculó por áreas.
    • La segunda tabla se calculó por resolución horizontal.
  3. Busca en la primera columna la resolución actual de tu pantalla.
  4. Busca en el primer renglón la resolución de pantalla que deseas simular.
  5. Usa el valor correspondiente como zoom en el navegador.

Continue reading ‘Porcentajes de zoom por resolución de pantalla’ »

CSS3 border-image

Estoy hasta el gorro de no recibir respuesta. Quizá no entienden mi pregunta. Pregunté en irc.freenode.net#css, en www-style y en un newsgroup, así que ahí va para los perrones del CSS:

El CSS3 define border-image para que los bordes sean imágenes. La siguiente figura de la recomendación lo ilustra muy bien:

border-image visual example

Ahora, lo limitado de esta solución sólo funciona si tanto el fondo de afuera como el fondo de adentro son colores sólidos. Si alguno de los dos fondos fuera una imagen habría que meter transparencia en las imagenes de border-image. La pregunta es: cómo decirle al navegador si la transparencia es para el fondo de afuera o el fondo de adentro?

Peor aún: si ambos fondos son imagenes, cómo hacerle para indicarle al navegador qué parte de la border-image será pintada con el fondo de afuera y qué parte con el fondo de adentro?

Las preguntas están en el aire.