Convertir pixels (px) a em

A la hora de hacer una web elástica, uno de los problema con los que nos encontramos es la falta de exactitud de las medidas con las que trabajamos.
Un pixel, es 1 pixel en pantalla, pero ¿cuánto es 1em o 1ex?

(Casi) Fácil. Aquí va una pequeña tabla de equivalencia sacada de (Worldtechies)

Points Pixels Ems Percent
6pt 8px 0.5em 50%
7pt 9px 0.55em 55%
7.5pt 10px 0.625em 62.5%
8pt 11px 0.7em 70%
9pt 12px 0.75em 75%
10pt 13px 0.8em 80%
10.5pt 14px 0.875em 87.5%
11pt 15px 0.95em 95%
12pt 16px 1em 100%
13pt 17px 1.05em 105%
13.5pt 18px 1.125em 112.5%
14pt 19px 1.2em 120%
14.5pt 20px 1.25em 125%
15pt 21px 1.3em 130%
16pt 22px 1.4em 140%
17pt 23px 1.45em 145%
18pt 24px 1.5em 150%
20pt 26px 1.6em 160%
22pt 29px 1.8em 180%
24pt 32px 2em 200%

Jon Tan lo explica mejor, indicando la fórmula para calcular la equivalencia:

1 ÷ parent font size (px) × required pixels = em equivalent

Asumiendo que, por defecto, el tamaño por defecto de la fuente en los navegadores es de 16px.

2008.05.28 - 19:19
En diseño | (0) comentarios

-- oOo --

Pin-up salvaje

¿Alguien reconoce este cuerpo?

Pin-up salvaje

Vía: Mira y Calla

2008.05.02 - 13:50
En pin-up | (0) comentarios

-- oOo --

Algo de publicidad: Proyecto dos

Pues Merceditas, a la que tenía perdida la pista desde hace tiempo, se nos ha ido por el mal camino y ahora está en el mundillo cinematográfico… y no, no es la que vende las palomitas.

Proyecto dos se estrena este viernes 25 de abril, así que habrá que ir a verla. Un thriller de Guillermo Groizard con Adrià Collado y Lucía Jiménez… a ver que tal.

Algo de sinopsis, para no ir totalmente despistado:

Diego (Collado), un científico que investiga los comportamientos genéticos y que mantiene una existencia feliz junto a su hijo y a su mujer (Jiménez), una traductora mitad inglesa mitad española. Aparte de problemas cotidianos como la hipoteca, lo único que perturba la tranquilidad de Diego son unos frecuentes “déjà vues” que sufre desde niño sin ningún motivo aparente. De la forma más casual descubrirá una noticia que le hará dudar de todo lo que le rodea e incluso de su propia identidad.

2008.04.23 - 18:47
En sin categoría | (1) comentario

-- oOo --

Alternativas a Google Analytics

Que haberlas haylas y muy buenas, o al menos que merece la pena tenerlas en cuenta.

La primera, un recién llegado, Open Source y con buenas perspectivas: Piwik. Acaba de llegar, y eso de que vaya por la versión 0.1.5 imagino que no inspira demasiada confianza, pero conviene prestarle atención; se les ve muy ambiciosos
Lo bueno del programa es que no dependes de nadie, si tienes PHP y MySQL, puedes instalártelo y listo. Tú lo gestionas y lo puedes ampliar a traves de su API.

El segundo, un producto comercial recién comprado por Yahoo, con lo que supongo, entrará en competencia directa con Google Analytics en breve: IndexTools. Este no lo he probado siquiera, pero si, tal como anuncian, pasa a ser gratuito, sin duda será un serio competidor para Google Analytics.

2008.04.20 - 19:33
En mundo web | (0) comentarios

-- oOo --

SOSFreaks, eXpectador se escribe con S

Pues eso, quien sea el responsable de www.sosfreaks.org, que sepa que no existe expectador y que tal vez lo que quiso decir fue espectador. Con ‘S’ de secundaria.

Pantallazo de sosfreaks > manifiesto

2008.04.14 - 08:08
En mundo web | (0) comentarios

-- oOo --

« Anteriores   

Buscar

Publicidad

Tragedias cotidianas

Cuentos de muertos... y de muertecitos

Web alojada en

arsys.es