Internet Explorer 8 incompatible con max-width

Esto es un post rápido o apunte para tenerlo a mano pues tras darme de cabezazos durante un par de horas con una hoja de estilo y la compatibilidad entre diversos navegadores.

En especial esta compatiblidad afecta a Internet Explorer 8, el navegador que tristemente usa la mayor parte del planeta, y que hoy Microsoft pretende jubilar con su nueva versión, si bien es cierto que Internet Explorer 9 tiene buena pinta lamentablemente no es compatible con Windows XP, es decir, sólo funciona bajo Vista y Windows 7.

El Internet Explorer versión 8 o IE8 tiene un bug, y van fosfocientos mil, en fin, aunque quizá no sea tan bug sino una excentricidad o exceso de compatibilidad.

El bug es que Internet Explorer 8 no soporta los estilos max-width, min-width, max-height, min-height propiedades de estilo que como ya sabrás o habrás deducido con tu prodigiosa mente ceceseada sirven para definir el máximo ancho, mínimo ancho y altos de por ejemplo una caja de texto aka DIV.

Esta propiedad funciona perfectamente bajo FireFox, Chrome, Safari etc.

Fíjate en este trozo de código, donde ya te aviso que no funcionará bajo IE8.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<style>
.width {
    width:50%;
    min-width:200px;
    max-width:400px;
    background:#eee;
}

Y ahora en este otro, que es el que funciona bajo IE8, la diferencia, es que defines el tipo de documento html sin especificación alguna con el tag DOCTYPE, es decir, no lo haces estricto tal y como se hace en documentos bajo HTML5, y por tanto, max-width funciona bajo IE8

<!DOCTYPE html>
<head>
<style>
.width {
    width:50%;
    min-width:200px;
    max-width:400px;
    background:#eee;
}

Arrastrar y soltar en JavaScript

Hace mucho que no posteo!, Esto no puede ser!!!

Bueno, para enmendar la falta de posteo hoy os traigo algo chachi piruli juan pelotillas, se trata de un componente JavaScript para realizar interficies de arrastrar y soltar, de esas que se llevan tanto gracias a “eipel”

Este conjunto de funciones es compatible con Firefox, Chrome, Safari, Internet Explorer e incluso, atention plis, con dispositivos móviles basados en interficies touch, tales como iPhones, HTC bajo Android y el nuevo famoso y que mola montón iPad de Apple.

Aplicaciones que le podemos dar… pues para temas de zoom progresivo en las tipos de la página, movimiento de imágenes, copia de archivos, carritos de la compra etc.

Enlace: http://code.ovidiu.ch/dragdealer/

Descarga del componente: Arrastrar y soltar en Javascrip (668)

iPad 24 horas después

24 horas después tengo que reconocer a Apple que lo han vuelto a conseguir, con el iPad han ideado un tablet que sin lugar a dudas se muestra como el camino a seguir.

Aun así el iPad cuenta con autenticas limitaciones expresas que pueden abocar en una cierta desilusión por aquello de lo que podría haber sido o lo que puede llegar a ser, un ligero desagravio que han producido en mi a voluntad, debido a su filosofía dictatorial, donde con tan solo una actualización de su sistema por software podrían enamorar a muchos más.

Peca de ser poco abierto de no poder beneficiarse del tethering de su hermano pequeño el iPhone para salir a Internet a través de él, de sus elevados precios que rozan los de un ordenador portátil, siempre mas funcional a excepción del modelo básico de 16 Gb. Sin 3G.

No nos gusta en absoluto la negación de Steve Jobs a la incorporación de Flash, cosa que nos impide el poder ver la casi totalidad de series online que utilizan el pulgón de Adobe, se que HTML 5 viene para salvarnos pero el proceso de cambio que se avecina puede ser muy lento, mas aún cuando el futuro tablet de Google si que lo incorpore.

Como herramienta para surfear es prácticamente perfecta, el formato vertical que conseguimos al rotar el tablet da cuenta de que los programadores y diseñadores web pensamos fundamentalmente en disposiciones verticales, idónea para leer la prensa online.

Como herramienta para bloguear es por el momento insuficiente pues desde WordPress y a través del navegador Safari que incorpora el iPad no se pueden subir imágenes y tampoco se puede utilizar el editor visual de html que incorpora, por este motivo estemos no incorpora imagen alguna, suponemos que en un futuro Update de WordPress las cosas volverán a funcionar.

Por otro lado existe una aplicación nativa gratuita para postear, donde parece que si que se puede subir imágenes, aunque a mi literalmente se me cierra en el momento que lo intento, y parece que no soy el único.
El iPad, como sustituto funcional de un ordenador portátil falla, falla desde el momento que los sacas de la caja y te obliga a conectarlo a un iTunes, según dicen ellos a un Mac o PC, pero según yo a un OS X o a un Windows. ¿para cuando un iTunes para Linux señores de la manzana?

Google Native Client

Buenooo, ahora quieren que los webmaster nos pasemos al lenguaje C???

¡Qué miedo! a mi ahora mismo no me apetece volver a C en absoluto, adoro mi php mysql javascript css y html, además si todo avanza hacia una capa web carente de plugins y descargas, donde tan sólo debes URLear y listos, carece de sentido que el cliente deba descargar un archivo e instalarlo en su sistema, muchos no saben hacer eso.

Correr código nativo a través del navegador es muy muy peligroso, en manos de mucha gente eso es una auténtica bomba de relojería, no quiero ser negativo pero este movimiento de la todopoderosa no me gusta ni un pelo.

Además los recursos de proceso con código nativo corriendo en nuestros navegadores van a ser enteramente nuestros, suponemos que eso es lo que pretende los señores de Google que deben ir algo cortos de rendimiento en sus servidores actuales donde corren las aplicaciones. No se han dado cuenta de que la gente navega con netbooks que van escasísimos de CPU, o iPads, iPhone y sucedáneos que tienen procesadores que rondan el 1Ghz. y que deben soportar resoluciones muy altas.

Los de Google pretenden presentarnos esto como la nueva panacea del desarrollo, nos prometen que vamos a poder desarrollar juegos en 3D y editores de vídeo, pero el usuario debe descargar esa aplicación, de momento sólo es soportada por su propio navegador, Chrome, nada de Firefox ni de Safari, y ni mucho de Explorer. Esto es como un plugin de Flash pero ya a lo bestia y sin contemplaciones.

Eso sí de momento está disponible tanto para Windows como Mac, y Linux, un gran paso pero que también nos da una visión sobre sus limitaciones ya que cada dia que pasa navegamos con más cosas, pronto el teletexo de los TV será un navegador, además de los ya siempre presentes iPhones y Androids para los que de momento correr aplicaciones en C desde navegador no es posible.

No se, esto parece una estrategia a largo plazo pero creo que se van a darse de morros a menos que esté yo muy equivocado, mira el caso de Adobe AIR que es el mismo cuento pero que partió de la gran base ya instalada Flash y no ha obtenido el éxito esperado. Huele a que es la antesala de su sistema operativo Chrome o al deseo de Google de canibalizar a la AppStore donde se venden aplicaciones a millones.

¿Vosotros, qué opináis?

Eblace: http://code.google.com/p/nativeclient-sdk/