CSS Clearfix; ¿Cual es la forma correcta?

Llevaba tiempo sin plantearme como han evolucionado en los navegadores el tema de los floats, el recurso más utilizado de la epoca tableless. La historia es que mientras en Lenguajes de Marcado se empeñan en recalcar que las tablas son la parte más importante para la maquetación (Extreme facepalm) yo prefiero maquetar con estándares, no ser penalizado por los buscadores y seguir unas buenas prácticas.

Lo de hoy es una forma de evolucionar la rutina de siempre que utilizamos para algo tan simple como crear un menú horizontal; limpiar los floats. Bien, y es que no es una tarea sencilla si lo vemos desde el punto de vista de la compatibilidad crossbrowsing si no todo lo contrario. Hasta ahora, yo utilizaba normalmente unas clases genéricas para la mayoría de navegadores y alguna en particular para el temido Internet Explorer. Pues bien, hoy topo con el blog de uno de los creadores de dos de los proyectos más interesantes del desarrollo frontend; Normalize.css y HTML5 Boilerplate. Algún día hablaré un poco sobre ellos.

En este blog, el londinense Nicolas Gallagher nos muestra lo que pienso utilizar a partir de ahora, cuando ya he decidido olvidarme de ofrecer soporte en mis proyectos a navegadores obsolestos. (Con lo sencillo que es actualizarse..) Aqui están las clases sugeridas:

/* For modern browsers */
.cf:before,
.cf:after {
content:"";
display:table;
}
.cf:after {
clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
zoom:1;
}

Se sabe que esto es compatible con los siguientes navegadores. (Me parece más que suficiente) Firefox 3.5+, Safari 4+, Chrome, Opera 9+, IE 6+

Es posible analizar el funcionamiento según el autor y ver la demo desde el enlace original.

Leer más...

@Font-Face Tipografías propias en nuestros diseños con CSS3

Mucho se está y estuvo hablando sobre lo nuevo de CSS3 y HTML5. Bueno, no me gustaría entrar en el debate y discutir sobre si se debe o no se debe trabajar con algo tan reciente. El tema es que están ahí, y no he aprendido esto precisamente en lenguajes de marcas donde todavía se empeñan …

Leer más...

¿Que pasaría si hiciera lo que decían?

Hoy es un martes noche cualquiera a la espera de una nueva era soñando con no cambiar y tocando madera tocando el cielo y soñando y sabiendo que no soy quien era en mi chistera la magia se agotó ya no me queda suave por dentro y arrugado por fuera como si el mundo ardiera …

Leer más...

Instalando el SDK de Android: JDK y el adb

Vamos a ver. Parece que es tremendamente difícil instalar y utilizar el adb de Android. Me sorprende ver las caras de algunas personas al ver que tengo ejecutada una máquina virtual de Android en un PC o más aún en un Mac. Primero decir que no hago ‘tutoriales’ intento explicar que o como funcionan ciertas cosas. El …

Leer más...

Lo decía alguien que me sonaba sincero.

Un día me bajé a la calle, algo normal, me encedí un cigarro y me senté en el portal. Era una de esas situaciones en las que escuchas las conversaciones que hay en los balcones, si te lo propones si alguien habla de sus cosas a voces te enteras de su vida entera aunque no …

Leer más...

En Twitter…All tweets

Mas en el blog…

  • Cambiar el nombre de una unidad de disco en Mac

    Parece algo evidente, y que en Windows se puede hacer fácilmente desde Mi PC o Equipo según la versión y provilegios administrativos. El tema es que esto, en Mac, es una tarea de nuevo escondida y que solo se puede hacer desde terminal a partir de Lion. Al menos antes yo sabía hacerlo desde la ...

  • Usando el comando DD para grabar una imagen .ISO en un USB

    De nuevo me he encontrado con que romper cosas es una de las cosas que mejor se me da. Justo después de arreglarlas (En el mejor de los casos). El caso es que tratando de instalar Google Chrome OS en mi nuevo MacBook Air hice un estropicio increíble, pero sorprendentemente este fue uno de los ...

  • Conseguir el idioma del usuario para usarlo en PHP

    Aqui viene un pequeño tip, que espero ahorre tiempo a más de uno. Cuantas veces hemos creado una aplicación que necesita convertir los textos al idioma de cada usuario. No me voy a meter si los textos vienen por un simple XML o desde una base de datos. Normalmente, lo necesario es una variable con ...

  • La Fiesta de los Maniquíes; vídeo promocional.

    Hoy no traigo código, sugerencias, trabajos ni nada de eso. Hoy quiero mostrar un vídeo promocional de uno del que puede ser de los locales más divertidos de Vigo. No, no lo digo por que sí. Lo digo un poco cansado de salir a tomar unas copas y siempre escuchar la misma música y la ...

  • Jailbreak para iPad 2 e iPhone 4S; los dispositivos A5 de Apple

    Madre mía! Menuda semanita la mía, menudo mes el primero del 2012 y menuda temporada que nos han hecho pasar los responsables de obtener permisos administrativos en dispositivos con procesador A5 de Apple. Hablo del mal comienzo del mes por mencionar un par de cosas importantes en nuestras vidas y no solo para la gente ...