emmgfx

Mejoras visuales de Snow Leopard

Aunque se dijo que Snow Leopard mejoraría casi únicamente en temas de rendimiento, ultimamente han salido unas cuantas mejoras visuales, como estas.

• El menú contextual de la dock ahora será de color gris. Para que encaje mejor con el resto del sistema, que ha tenido unas modificaciones de aspecto bastante importantes en las últimas versiones pero esto se les había pasado.
• El Finder integrará un slider para el tamaño de los iconos, como el que hay en otros programas como Microsoft Office o el de iPhoto. Esto le dará algo de comodidad supongo… aunque el Finder sea incomodo de base, para mi almenos.
• Más mejoras internas y un nuevo diseño para QuickTime, que ultimamente me esta gustando más que VLC, por que con Perian puedo ver todos los formatos que utilizo (de momento).

Y poca cosa más por el tema visual, pero estoy seguro (y quienes lo ha probado confirman) que será una mejora bastante grande en cuanto rendimiento. Además, a los que compraron un Mac entre el 8 de Junio y el 26 de Diciembre el DVD de Snow Leopard les costará 8.99€ (envío incluido).

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 →