Maldito Internet Explorer: Box-shadow

Cada vez que estoy en un proyecto donde todo va bien siempre Internet Explorer tiene que hacer su intervención y echar a perder todo el esfuerzo.
En un proyecto unos de los requisitos pedidos por el cliente era que de fondo en cada página debía haber un fondo blanco con sombra conteniendo todos los elementos, hasta ahí todo bien, no hay problema.
Para hacer esto decidí utilizar un clase de CSS3, box-shadow, pensando que ya ha pasado tiempo y Microsoft debe haber actualizado su incompatibilidad con los estándares me encuentro con la sorpresa de que Internet Explorer 8 no soporta esta sentencia; aquí comenzó el calvario, en Firefox, Chrome, Opera y Safari todo anda bien, pero en IE no hay sombra en el fondo blanco.

La solución, utilizar un filtro microsoft (totalmente fuera de los estándares), para simular box-shadow.

Finalmente mi css quedó así:

.sombra{
width: 900px;
      box-shadow: 2px 2px 5px #999999;
      filter: progid:DXImageTransform.Microsoft.Shadow(color=’#999999′, Direction=135, Strength=2);
}

La verdad no queda igual, pero algo se asemeja; en cada proyecto Internet Explorer es un dolor de cabeza, no alinea bien, no soporta css como se debe, se desconfigura, etc.

Quiero hacer un llamado a los desarrolladores, “NO HAGAMOS MÁS COMPATIBILIDAD PARA ESTE NAVEGADOR”, agreguemos una validación en nuestros desarrollos, si es Internet Explorer, mostremos un mensaje, “Su navegador es incompatible obtenga otro“.
De esta manera forzaremos a la gente a dejar de usar ese engendro que se hace llamar navegador web, proclamo un boicot en contra de Microsoft y su Explorer.

Maqetta: Editor visual HTML5

Creo que ya pasaron los tiempos en que poder diseñar y crear sitios en forma visual era propiedad de los usuarios de Windows o Mac, o que el diseño WYSIWYG, creaba sitios con código sucio y poco optimizado.
Todo esto llega a su fin con Maqetta, un editor 100% opensource, creado para generar sitios en HTML 5 y bajo estándares.
¿Cual es la gracia? Primero corre en Linux, luego se ejecuta en el navegador, es 100% visual utilizando drag and drop, puedes crear interfaces con Ajax y compatibles con todos los navegadores.

Herramientas como ésta son las que me motivan a seguir adelante en el fascinante mundo del diseño web, es cierto que un experto debe comprender el código, pero cuando tienes 4 o 5 proyectos encima se hace muy necesario agilizar los procesos y estoy seguro que desde hoy Maqetta será un increíble aliado en mis tareas.

Para obtener Maqetta debes descargarlo desde su sitio http://maqetta.org/, al descargarlo debes descomprimir el archivo zip y ejecutar el script maqetta.local.unix.sh, luego desde el navegador llamas esta dirección local http://localhost:50000/maqetta/ y ya tienes Maqetta funcionando y lista para hacer lo que desees.

Al abrir el software tienes la posibilidad de revisar algunos proyectos de ejemplo y algo que siempre es muy útil, utilizar unos tutoriales que te explicarán las funciones de esta excelente herramienta.

Bueno, como siempre, prueba y disfruta.

Diseño de interfaces con Pencil

Como experto en diseño de interfaces siempre estoy buscando herramientas que me permitan desarrollar un buen trabajo.
He probado varios software que me permiten diseñar interfaces, desde Visio a programas netamente de diseño gráfico, por cierto los mejores, porque puedo hacer lo que fluye en mi mente. Pero no había encontrado un software que me permitiera un buen diseño de interfaces para escritorio, no es lo mismo diseñar una interfaz web que la de un programa instalable en el sistema.

Aquí está la maravilla, se llama Pencil y lo mejor de todo, es software libre.
La gracia es que es un software bastante completo y funciona como un add-on de Firefox, por lo que es multiplataforma, osea lo puedes ocupar en Linux -genial!!-, Windows y Mac; donde sea que tengas instalado Firefox.

Con Pencil podemos crear simples wireframes y también Mockups, sólo arrastrando y soltando, así de simple.
En cuanto al diseño para software tenemos herramientas que nos permiten el diseño para sistemas Windows, diseño en entorno Gtk, esto está muy bueno, porque hay poco de esto por ahí, una interfaz neutra para el diseño de escritorio y diseño con trazos de lápiz, muy útil para solo mostrar posiciones y realizar un diseño más entretenido.

Otra gracia de Pencil es que se puede instalar como una aplicación stand alone, sólo teniendo instalado xul-runner, y así haerlo correr en el sistema operativo que desees.

Como siempre te invito a probarlo y estoy seguro, de que si eres un amante de las interfaces y el diseño, Pencil te va a gustar.

Sitio web de Pencil http://pencil.evolus.vn/