emmgfx

inline-block cross-browser

En Foo Hack publicaron un recurso CSS que a veces utilizo y creo que estaría bien compartir, el problema es que no explican para qué sirve hacer lo que explican, y eso es lo que voy a hacer.

Hay tres valores principales para el atributo display de CSS; normal, block e inline-block.

• El primero no modifica el formato del contenedor al que se aplica, es decir, si es un div y se deja el display normal seguirá ocupando el 100% del ancho que disponga del contenedor padre.
• El segundo si lo modifica, puede usarse por ejemplo para enlaces, para hacer que el enlace ocupe un tamaño determinado y se pueda hacer click en toda la zona que ocupa visualmente, no sólo en el texto. Esto es quizá dificil de entender pero con un par de ejemplos es más fácil: los enlaces de la cabecera de Facebook a día de hoy podrían estar hechos con display:inline-block; por que el enlace ocupa un tamaño determinado y para pulsarlo no hace falta que el click se haga en el mismo texto del enlace. Si el display fuera normal, el enlace sólo serviría desde la zona de texto, si se hace click fuera no serviría de nada.
• display:block sirve para eso, pero puede que no siempre sea lo que se quiere hacer. El valor block posiciona los elementos uno encima del otro, y pocas veces se quiere hacer eso. Lo más normal es que se coloquen uno al lado del otro hasta que llegue al limite de ancho y entonces haga una fila nueva. Para eso se hizo el display:inline-block.

El problema es que en bastantes navegadores el valor inline-block simplemente no existe (en todos los nuevos funciona sin problemas) y ante la duda parece comportarse como un block. Pero hay una forma de que funcione bien en “todos” los navegadores (lo pongo entre comillas por que en Explorer 3, 4.01, 5.01 o 5.55 ni lo he probado). Sólo hay que utilizar estos valores y el hack * para algunos explorers.

display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;

Aunque yo soy de los que piensa que lo mejor es no dejar acceder a la aplicación a quienes no actualizan su navegador, entiendo que haya quien utiliza navegadores antiguos por razones extrañas; por eso siempre van bien este tipo de “hacks” que ensucian el código y frenan la mejora de la web.

Minimizado "suck" en OS X

El efecto que hacen las ventanas al minimizarse en sistemas operativos OS X siempre ha sido curioso, al que viene por defecto se le llama “aladino” (también llamado Genie) y es imitado por otros sistemas. Como Ubuntu o cualquier otra distribución capaz de ejecutar Compiz, que permite imitar el efecto aladino de una manera un poco extraña, no tan pulida como la de OS X por temas de patentes de Apple.

En las opciones de sistema (submenú Dock) se puede cambiar ese efecto, pero sólo hay dos disponibles, el “Efecto Aladino” y el “Efecto a escala”. Personalmente, creo que el efecto aladino es el mejor, pero si queréis probar otro que no aparece en la lista, este efecto se llama “suck” y para utilizarlo sólo hay que abrir terminal (CMD+Espacio para abrir Spotlight y buscar Terminal) y teclear:

defaults write com.apple.dock mineffect -string suck
killall Dock

La primera linea es para definir el nuevo efecto, y la segunda linea para reiniciar la Dock y que el cambio sea visible.

Para volver a utilizar uno de los que había antes, sólo hay que volver al menú de preferencias del sistema y seleccionar el que se quiera.

PNGfix.js para Internet Explorer

Hasta la última versión de Internet Explorer, la 8 incluida, las imagenes en formato PNG siguen mostrandose mal. Es uno de los problemas más grandes de Internet Explorer, por que las especificaciones del formato estan estandarizadas desde hace unos 10 años y aunque han mejorado el soporte para él, el comportamiento sigue siendo risible.

Seguir leyendo y ver ó escribir comentarios →

Próximamente: Nuevo CD de Habeas Corpus (Rarezas)

Mediante un email de esos que gusta recibir me entero de que Habeas sacará próximamente un cd nuevo que se llamará “Rarezas” (editado por Lengua Armada) y que según dicen contendrá versiones, rarezas, remezclas e inéditos. Supongo que tendrá las versiónes de Agnostic Front, Sex Pistols y Sick of it all. Algún remix que se dijo que quería hacer un ex-miembro del grupo y alguna canción nueva…

No hay más información todavía, pero tampoco se necesita mucha más x’D

Y recordar que el próximo día 3 de abril, tocarán con Lofofora y La familia bolson en Badalona (En la sala Estraperlo)