emmgfx

Las normas del Club de la lucha

Anqvr unoyn fboer ry Pyho qr yn yhpun
Anqvr unoyn fboer ry Pyho qr yn yhpun
Yn cryrn grezvan phnaqb hab qr ybf pbagraqvragrf tevgn “nygb”, cvreqr yn iregvpny b unpr han frñny
Fbyb qbf crefbanf cbe cryrn
Fbyb han cryrn n yn irm
Fva pnzvfn l fva mncngbf
Pnqn cryrn qhen yb dhr gvrar dhr qhene
Fv rfgn rf gh cevzren abpur ra ry Pyho qr yn yhpun… ragbaprf gvrarf dhr cryrne

Basta.

Aplicaciones por defecto en OS X

Aunque en OS X todo parece ser muy fácil, intuitivo y evidente, hay cosas que se hacen de forma extraña, o que simplemente es bastante más sencillo y fácil en Windows. Por ejemplo; Definir una aplicación por defecto para abrir un formato de archivos.
Cuando se guarda un archivo con Photoshop en formato JPG, en realidad lo guarda en “Photoshop JPG”, de manera que siempe que hay que abrir un archivo exportado con Photoshop tendrá que abrir todo el programa, en vez de utilizar la vista previa que es muchísimo más rápida.
A simple vista se puede escoger una aplicación para abrirlo al instante, pero resulta incomodo tener que estar haciendo siempre eso y saber que lo ideal es que se abran automáticamente con la aplicación que se quiere, no con la que el sistema decide.

Ese cambio se puede hacer así:

• Botón derecho en el archivo y pulsar “Obtener información“.
• En la ventana que aparece seleccionar el desplegable “Abrir con”, seleccionar la aplicación y pulsar “Cambiar todo”.

Si se sabe hacer, seguramente parezca fácil, pero si no se conoce el modo, desde luego esta en un sitio que no es el más lógico.

Quitar el borde de los input con foco en Safari y Chrome

Cuando se utiliza por primera vez un navegador como Chrome o Safari, estoy seguro de que una de las cosas que más se notan es el resplandor / borde. La primera impresión es que ayuda a la accesibilidad, que es un efecto lógico y muchas veces necesario, y que a mucha gente con poca experiéncia le hará un favor.
Pero si tu eres quien maqueta la página y optas por aplicar un efecto propio con css, al mezclarse con el propio del navegador puede que parezca algo extraño y quede mal, pero ese efecto se puede evitar con el atributo outline de CSS.

Igual que se hacía para evitar el punteado de los enlaces que se implementó en nosecual versión de Firefox (3.1 creo).

#signup .text:focus{
	outline:0px;
}

Centrar texto en vertical

Normalmente para tener un enlace con el texto centrado en vertical, uso un padding por arriba y por abajo, hasta que queda a la altura que necesito. Pero muchas veces he notado que aunque se vea bien en diferentes navegadores, en OS X se hace un pixel más alto. El pixel de diferéncia es por el clear type que utiliza OS X, que hace a la letra ocupar un pixel más de alto y hace que se puedan descuadrar algunas cosas.

La solución es fijar el alto de los enlaces en pixeles, darle padding a los laterales y centrar el texto verticalmente (sin paddings).

Y eso se hace con este CSS:

vertical-align:middle;
display:table-cell;

Por ejemplo:

#menu-horizontal ul li a{
	color:#FFFFFF;
	text-decoration:none;
	padding:0px 10px 0px 10px;
	border-right:1px solid #5f77af;
	border-left:1px solid #293c69;
	outline:none;
	height:36px;
	vertical-align:middle;
	display:table-cell;
}

EDITO: No es compatible con Internet Explorer 6.