La verdadera revolución de Apple: Crear productos baratos.

Es evidente que, de unos años a esta parte, la presencia de los productos, y la marca Apple es cada vez más visible en nuestro entorno. Queda lejos la impresión de los equipos de Apple como objetos elitistas o que eran usados específicamente por un sector profesional concreto, como el caso de los ordenadores Macintosh para diseño editorial.

Parece que la opinión más extendida es que ha sido la innovación lo que ha llevado a la marca de Cupertino a popularizase. La lectura que hago de los hechos es algo diferente.

Para mí, ha sido el precio el factor determinante que ha supuesto que los productos “made in California” se hayan extendido hasta tal punto que en cualquier bus urbano nos encontremos a un estudiante tuiteando desde su iPhone, en cualquier parque, a un corredor subiendo el volumen de su iPod mientras trota o en el hall de un hotel a un comercial revisando un correo desde el iPad.

Si bien es cierto que la revolución tecnológica que ha supuesto la irrupción del iPhone en el mercado y, como heredero, la aparición del iPad (creando un nuevo segmento de productos como los tablets), han sido el mayor impulso para la marca, para mí, el factor determinante ha sido la entrada en el mercado tecnológico de gran consumo y hacerlo con un precio contenido.

El coste, tanto del iPhone, como del iPad están muy alejados de las grandes diferencias de precios a los que la marca nos tenía acostumbrados con respecto a la competencia y que mantiene en otros segmentos de productos como los ordenadores personales.

A pesar de que el iPhone supuso llevar a la manzana a las primeras portadas de los medios con un producto revolucionario y que repitió la fórmula con el iPad (con mayor éxito si cabe), el punto de inflexión con el que Apple dio un giro a su estrategia comercial y de producto fué la aparición en el mercado de un producto llamado iPod.

La revolución comenzó con el iPod

La aparición del iPod en escena permitió a Apple acceder al gran consumidor y poder enganchar a alguien a su marca, aunque fuese poseedor de un ordenador Windows. Como en otras ocasiones, Apple ponía a la venta un algo “revolucionario”, atractivo y esta vez asequible (aunque no tanto en sus primeros modelos). Fueron las siguientes versiones de iPod, los Nano y los Shuffle, los que dieron la posibilidad a los consumidores, por primera vez, de disponer de un producto innovador, cool y barato con el logo de la manzana integrado. Cuppertino empezó a ofrecer productos para público con casi cualquier nivel de poder adquisitivo.

La aparición del iPhone, ¿puedo tener el mejor teléfono del mundo?

Es evidente que la estrategia del iPod les salió bien. ¿por qué no intentarlo de nuevo? Lo intentaron y lo consiguieron. El iPhone se puso a la venta como el smartphone definitivo y rápidamente se convirtió en objeto de deseo tanto de los incondicionales de la marca, poseedores de equipos Macintosh, como de toda una legión de poseedores de iPods que se estaban convirtiendo en fans de los productos sencillos, bien diseñados y… asequibles.

La primera versión del iPhone (2G) no llegó a España, pero la segunda, de mano de Movistar, ponía en nuestras manos la posibilidad de disponer de el que en aquel momento era el mejor teléfono del mundo. Aunque los precios eran mayores que los de otros terminales y nos obligaba a contratar una tarifa de datos, el sistema de subvenciones a los móviles por parte de las operadoras permitía que mucha gente tuviese acceso al terminal. ¡Al mejor móvil del mundo!. Si lo pensamos un poco… ¿a qué podemos acceder que se pueda decir que es lo mejor? ¿podemos comprar el mejor coche, reservar el mejor hotel, vestir el mejor traje?

El impacto de aquel producto “revolucionario” (o no tanto), no sólo cambió el ecosistema tecnológico en el que no movíamos, cambió el paisaje, en el que ahora nos encontramos, con gente palpando pantallas con el dedo en cualquier esquina, cambió también el orden económico existente, en el que los grandes de la tecnología, ya no lo son tanto. ¿Nos acordamos ahora de Nokia o de RIM (Blackberry)?

Llega el iPad, y lo vuelven a hacer.

Tras la presentación del iPad, recuerdo los comentarios de Gurús tecnológicos que auguraban un fracaso estrepitoso para un producto que no era más que un iPhone grande. Fuera de lo irónico que pueda parecer que aquellos mismos Gurús hablasen maravillas de los Netbooks, que no son más que “PC’s pequeños” y terriblemente inservibles para cualquier tarea, de lo que no se daban cuenta es de que el panorama había cambiado años atrás.

El acceso a un producto Apple ya no era cuestión de decidir en una tienda informática entre un económico PC como el que tenían todos nuestros amigos y un carísimo y desconocido (e incompatible) Mac. La cuestión era que ahora se contaban por millones las personas que ya tenían un dispositivo Apple en sus manos y conocían la experiencia de uso del laboratorio de ideas californiano. Simplemente, el que no tenía un iPad quería uno, o al menos sentía curiosidad por probarlo. Ahora, además, podían hacerlo. Casi todos departamentos de informática de los centros comerciales antes copados, en exclusiva, por productos Windows tenían en ese momento, al menos, un espacio dedicado a Apple.

Es cuestión de precio.

Para ilustrar de alguna manera lo que ha motivado esta reflexión, muy personal, dejo una gráfica para visualizar de forma aproximada el precio de distintos dispositivos Apple frente a referencias de la competencia.

Precios de productos Apple frente a su competencia

Aclaración a la comparación.
En ningún caso se ha intentado hacer una comparación exhaustiva, simplemente plasmar gráficamente algunos ejemplos. Se han comparado equipos similares pero no exactamente iguales. Uno puede tener más memoria que otro, o mejor procesador, pero en general son productos equiparables.

Ordenadores portátiles
Portátil Macbook Pro vs Portátil Sony Vaio
Tablets
iPad 2 16GB Wifi vs Samung Galaxy Tab 9′ Wifi
Smartphones
iPhone 4s 16GB vs Samsung Galaxy SIII

Crear un menú estilo Apple con HTML5 y CSS3

He escrito esta entrada como continuación a una anterior en la que hablaba de la creación de botones al estilo Apple, usando, también, HTML5 y CSS3. Y digo continuación porque la mayoría de los recursos técnicos para hacer una u otra cosa, son los mismos. Pero vamos al lío:

Creación del menú con HTML5

El primer paso será crear la estructura de HTML que será la base de nuestro menú, en este caso usaremos una nueva etiqueta nav de HTML5. Personalmente, prefiero añadir los enlaces dentro una lista ordenada en vez de sueltos, para dotar de una estructura mayor al contenido.

Realmente esta estructura difiere bien poco a la que solíamos usar en menús realizados con HTML4 o XHTML, el único añadido es la inclusión de la etiqueta nav, que en este caso tiene una fuerte carga semántica.

Creación de la estructura visual

En este punto vamos a dotar al menú de una estructura visual que lo represente en horizontal, como el clásico menú que podemos encontrar en la página de Apple. Por ahora, no hemos añadido ninguna propiedad que no hayamos observado en versiones anteriores a CSS3.

 

Añadir la estética Apple mediante propiedades CSS3

Los elementos de CSS3 que usaremos para dar esa estética particular que vemos en el menú de la web de Apple son los siguientes:

Una vez añadida la “estética” nuestra hoja de estilos se completa de tal forma que resulta:

Paso final: definición de estados activo y pulsado

Como paso final, quedaría añadir la estética de los distintos estados del ratón sobre cada enlace del menú, hover (ratón encima) y active (enlace pulsado):

Creación de un enlace con imágen y cambio de estética del formulario

Como podemos observar, el menú original de la web de Apple cuenta con un primer enlace con el archiconocido logo de la manzana y el último elmento es un formulario de búsqueda con una estética personalizada. Estos elementos los voy a dejar para una actualización posterior de la entrada…

Less: CSS más productivo

Hace poco hablaba de distintas formas de aumentar la productividad en la escritura de HTML, fundamentalmente, mediante el uso de Zen Coding, aunque también mencioné Markdown en alguna ocasión.

Ahora le toca a nuestra forma de crear CSS. Lo cierto es que en muchas ocasiones se echa de menos la posibilidad de que este tipo de lenguajes sean algo más dinámicos, y nos permitan, al menos, crear variables, pequeñas funciones, etc., y aquí es donde entra LESS.

¿Qué es LESS?

LESS se autodefine como “El lenguaje dinámico de hojas de estilo” pero a mí me gusta más definirlo como un lenguaje que vitamina los CSS para construirlos de una manera más productiva.

Básicamente, LESS añade al lenguaje CSS lo siguiente:

  • Creación de variables
  • Inclusión de clases dentro de clases
  • Anidación en la definición de clases
  • Creación de funciones y operaciones

¿Qué puedo hacer con LESS?

Creación de variables

Con LESS puedo crear variables en mis CSS, permitiendo definir colores, medidas, fuentes, etc., que luego podré usar de manera consistente en el resto de mis estilos CSS.

 

Inclusión de clases dentro de clases

Con LESS podemos incluir las propiedades de una clase dentro de otra, simplemente incluyendo una referencia a ella dentro de la nueva definición, además de poder definir variables en línea y el paso de parámetros.

 

Anidación en la definición de clases

Con LESS podemos anidar clases de manera que, definiendo unas dentro de otras, creamos animaciones y dependencias, por ejemplo:

Esto creará las clases consiguientes, #header, #header a y #header a:hover con sus clases correspondientes.

 

Creación de funciones y operaciones

Con LESS podemos operar con creando pequeñas funciones:

¿Cómo funciona?

Es muy sencillo, tenemos dos maneras de usar nuestras hojas de estilo escritas mediante LESS:

Incluyendo un JS a nuestra página:
Escribiríamos nuestras hojas de estilo en lenguaje LESS y las incluiríamos tal cual en nuestra página, añadiendo un JS que se encargaría de procesar ese código para entregarlo como CSS comprensible para el navegador.
Obtén less.js desde la página del autor
Procesando previamente nuestro código LESS:
Escribiríamos nuestras hojas de estilo usando LESS y las procesaríamos previamente a su inclusión en nuestra página mediante algún software como LESS para Mac o WIN LESS para Windows.

Crear botones al estilo Apple con HTML5 y CSS3

Son muchas las propiedades que ponen a nuestra disposición las especificaciones de CSS3 y HTML5 para crear botones o menús de navegación. Desgraciadamente, como viene siendo habitual, si queremos usar las últimas versiones de dichas especificaciones existen diferencias, con respecto a la interpretación de los distintos navegadores disponibles, pasando incluso por formas de implementación diferentes según el browser  elegido.

Para crear botones al estilo Apple usaremos 3 nuevas propiedades de CSS3.

Lo primero que hice para este pequeño tutorial es preparar el código para que fuese posible asignarle la estética tanto a una etiqueta HTML5 como button como a una etiqueta a.

En segundo lugar, aplicar las propiedades más sencillas para dar formato a nuestro botón a través de la clase .button:

Pasamos a aplicarle la propiedad CSS3 text-shadow (no compatible con Internet Explorer):

El siguiente paso sería añadirle la propiedad CSS3 border-radius, pero en este caso hemos de implementarlo de dos maneras para hacerlo compatible con algunas versiones de Firefox (también compatible con Internet Explorer 9 o superior):

El paso final, y el más complejo, sería la aplicación de linear-gradient (background-image) en el que las amplias posibilidades de configuración y las distintas formas de implementación para cada navegador hacen aconsejable el uso de una aplicación externa para su generación. Lo más cómodo sería usar una webapp como CSS3 Gradient Generator pero también existen utilidades de escritorio como la gratuita CSS Gradient Editor para Mac OSX.

Como remate, lo único que quedaría, sería configurar los diferentes estados de nuestro botón, cuando tiene el foco (hover) y cuando está pulsado (active). En ellos el único cambio que haremos será el degradado de fondo.

Prueba tus diseños en varias versión de Internet Explorer en Mac y Windows

Hace poco tiempo escribía sobre cuál era la mejor manera de instalar Internet Explorer en un Mac. Si los problemas para instalar Internet Explorer son exclusivos de los usuarios de Mac o Linux, existe un inconveniente común a cualquier usuario que se dedique al diseño web y es lo segmentado que está el parque de exploradores de Microsoft.

Son muchas las versiones de Explorer activas, con una cantidad de usuarios suficiente como para obligarnos a tenerlas en cuenta en nuestros proyectos. Esta es una dificultad añadida, pues necesitamos tener instaladas distintas versiones a la vez, algunas, incluso, incompatibles con según que versiones de Windows.

Es aquí donde entra en juego un software gratuito que nos permite ejecutar en distintas pestañas varias versiones de Internet Explorer.

IETester

IETeste es uno de esos programas sin los que me resultaría mucho más difícil trabajar. Es una aplicación bastante estable y que muestra a la perfección el funcionamiento de cada uno de los motores de renderizado de los navegadores de los que dispone.

Con IETester podemos ejecutar en cada pestaña:

  • Internet Explorer 5.5
  • Internet Explorer 6
  • Internet Explorer 7
  • Internet Explorer 8
  • Internet Explorer 9

Se nota que está directamente orientado al desarrollo web, ya que pone a nuestra disposición múltiples opciones que nos facilitan el trabajo como la depuración de código, la supresión del caché de los navegadores o deshabitar la ejecución de javascript.

Sinceramente, imprescindible.

Descarga IETeste Gratis

Convertir en editable cualquier etiqueta de HTML

Recientemente he tenido que estudiar la manera de crear una herramienta WYSIWYG  para una maquetación web.

He descubierto una propiedad de las etiquetas HTML que desconocía y que resulta realmente útil para este tipo de desarrollos. Para convertir en editable cualquier etiqueta simplemente hemos de añadir la propiedad contentEditable=”true”.

Prueba a editar este contenido

De manera sencilla podemos usar un selector de atributos en CSS para dar un estilo especial que remarque el contenido editable y sus diferentes estados.

Convertir en editable un diseño completo con HTML5

Si lo que deseamos es convertir en editables la totalidad de las etiquetas de nuestro diseño, HTML5 trae una nueva propiedad, designmode, a la que podemos acceder mediante una pequeña línea de código javascript.

Aplicaciones iOS y Android para gestionar tu blog o página web

Una de las utilidades más interesantes que tienen los dispositivos móviles es la posibilidad de crear contenido en cualquier momento y cualquier lugar, ya sea una fotografía, un comentario o estado en una red social, o escribir textos para nuestro blog.

Para explotar estas funcionalidades existen múltiples aplicaciones entre las que se encuentran algunas, que nos permiten gestionar las entradas de nuestro blog, moderar los comentarios o incluso administrar de manera cómoda los CMS más populares:

WordPress

El CMS por excelencia para la creación de blogs, que se está convirtiendo, cada vez más, en una herramienta con “superpoderes” capaz de generar sitios web complejos.

La aplicación oficial de WordPress, disponible gratuitamente para iPhone y Android, permite gestionar nuestros post y comentarios de una forma sencilla y cómoda. Borrar entradas, publicarlas, añadir imágenes o aprobar comentarios es una tarea que podemos hacer en cualquier hueco de nuestra ajetreada vida. Como extra, permite visualizar las estadísticas de nuestra página si tenemos activado el plugin correspondiente.

Blogger

Blogger, la herramienta de Google para la creación de blogs, también dispone de  aplicación oficial y gratuita para las plataformas móviles más populares, iOs y Android.

Sus características en cuanto a la edición de entradas son muy similares a las que posee la aplicación disponible para WordPress, la diferencia, carece de gestión de comentarios y de visualización de estadísticas.

Joomla

Joomla es un CMS que cada más popular entre aquellos que necesitan un gestor de contenidos potente y gratuito para su sitio web. Cuenta con una gran comunidad de desarrollo creando extensiones y plugins que permiten personalizar y añadir funcionalidades para casi cualquier necesidad.

Son bastantes las aplicaciones para dispositivos móviles hechas para gestionar los sitios Joomla, pero entre ellas destaca Joomla Admin Mobile! para iPhone y dispositivos Android.

Cuenta con dos versiones, una gratuita con funcionalidades reducidas, y una de pago, tal vez con el gestor más completo que he visto, plagado de opciones para llevar en nuestro bolsillo:

  • Creación y edición de entradas
  • Gestión completa de categorías y secciones
  • Creación y gestión de usuarios
  • Mantenimiento de menús: Creación, edición, etc.
  • Configuración global del sitio

Drupal

Si la gestión de blogs está copada, en la práctica, por el binomio WordPress – Blogger, los CMS gratuitos cuentan con el que forman Drupal y Joomla.

Drupal dispone de unas cuantas aplicaciones para iOS y Adroid. De entre ellas podríamos destacar Drupal Editor para Android, una pequeña aplicación gratuita que permite enviar entradas a nuestro sitio web, y su gemela para iPhone, DrupalBlogger.

Si queremos una gestión completa de Drupal desde nuestro iPhone, podemos probar Drupad por 3,99€.

TYPO3

TYPO3 es uno de los CMS Open Source más populares orientado a empresas. Cuenta con una aplicación gratuita (requiere la instalación de la extensión “tt_news”) que nos permite publicar contenido en nuestro sitio. TYPO3 para iPhone permite cumplimentar los campos habituales de un artículo y añadir imágenes desde nuestro dispositivo móvil.

5+1, un anillo para dominarlos a todos

Si lo que necesitamos es una aplicación versátil porque queremos mantener el control del blog de nuestra empresa en WordPress, de un sitio con Joomla y de nuestro Tumblr personal quizá prefiramos un todo en uno.

BlogPress para iPhone nos permite enviar contenido a múltiples sitios gestionados con diversos CMS por un precio módico.

Igualar el alto de dos DIV con javascript

Se me ha planteado recientemente un problema que es recurrente cuando maquetamos con “multicolumnas”.

De repente tenemos una serie de columnas con una trama de fondo y de contenido desigual, con lo se crea una especie de acordeón poco estético.

Layout con columnas de igual y desigual altura

Buscando una solución he encontrado este útil script:

Para igualar el ancho de dos columnas, simplemente hemos de hacer la llamada a la función una vez esté el documento cargado, para asegurarnos de que se ha renderizado la totalidad del contenido:

En este caso igualará las columnas con la clase “column” asignada.

10 aplicaciones gratuitas para iPhone útiles para los diseñadores web

No todas las aplicaciones que tenemos instaladas en nuestros equipos son grandes Suites de diseño como las de Adobe. Todos tenemos unas cuantas aplicaciones en nuestros Mac que nos facilitan la vida enormemente en las pequeñas tareas cotidianas.

Hoy en día muchos de nosotros llevamos un pequeño ordenador en nuestros bolsillos en forma de Smartphone, ya sea un iPhone o cualquier modelo de teléfono con Android en sus entrañas.

Dentro del enorme catálogo de software existente para estos dispositivos, hay aplicaciones que pueden facilitamos algunas tareas o, incluso, sacarnos de un apuro:

Namely, para tenerlo todo dominado

Para esos momentos es lo que se nos ilumina la bombilla en la parada del autobús. Si se te ocurre en cualquier momento el nombre perfecto para un proyecto, Namely te permite saber si cualquier dominio está disponible. Cuando un dominio no lo está te permite añadirlo a favoritos para seguir su fecha de expiración y buscar una segunda oportunidad…

Phixel, una ayuda para construir layouts

Phixel es una curiosa aplicación que muestra dos funcionalidades dependiendo de la orientación de nuestro iPhone. Con el teléfono en horizontal, permite calcular el ancho de las columnas para nuestra maquetación usando la sección áurea. Si ponemos el teléfono en vertical, ofrece un conversor de medidas de píxeles a EMS.

Adobe Shadow, pon a prueba tu diseño para Smartphones

Esta aplicación de Adobe nos permite probar cualquier diseño web alojado en un PC directamente en nuestro iPhone. Ejecuta la aplicación, añade el nombre de tu servidor o la IP de tu equipo y ya puedes revisar el aspecto que tu diseño tendrá en un iPhone (o en un iPad).

Color Stream, creando paletas de color

El color es una de las armas más poderosas del diseño gráfico y, en consecuencia, del diseño web. Color Stream nos echa una mano facilitando la creación de paletas de color para nuestros proyectos.

A partir de una imagen, de un color o gracias a su asistente, podemos crear distintas paletas de color a nuestra elección: monocromáticas, de colores análogos, complementarios, etc.

Galleried, en busca de inspiración

La documentación forma parte fundamental de la fase previa en cualquier proyecto de diseño. Galleried nos muestra una colección de diseños web y nos permite documentarnos e inspirarnos en los trabajos de los demás. Una necesidad.

CSS Reference, una aplicación con clase

Una aplicación de referencia realmente útil. Para recordar la sintaxis de aquella propiedad que no solemos usar o para consultar algún selector que nos puede sacar de un apuro en algún momento.

CSS Reference también está disponible para dispositivos Android

Espresso, practica HTML5 desde tu iPhone

Espresso es un editor completo de HTML5, CSS y javascript. Permite crear código y probar directamente cualquier desarrollo que hagamos desde nuestro teléfono. De momento permite trabajar únicamente en local.

No tiene relación con el archiconocido Espresso para Mac.

Authentic Jobs, ¿buscando una oportunidad laboral desde tu iPhone?

Authentic Jobs es una aplicación que muestra ofertas de trabajo relacionadas directamente con el desarrollo web. Aunque la aplicación es popular únicamente en Estados Unidos (apenas muestra 3 oportunidades laborales en Europa) es interesante porque ofrece trabajos freelance que se pueden realizar desde cualquier parte del mundo. Para los que dominen el inglés (intuyo).

Analytics, consulta los datos de Google Analytics

Google Analytics proporciona información vital de nuestro sitio. Llevarla en el bolsillo nos permitirá conocer en todo momento el rendimiento de nuestra página. Aunque un poco limitada con respecto a otras aplicaciones de pago, Analytics nos proporciona la información necesaria.

Whunderlist, ¿Qué tengo que hacer hoy?

Wunderlist es un gestor de tareas que no tiene precio. Con una interfaz increíblemente cuidada ofrece todo lo necesario para gestionar nuestro tiempo y las tareas que siempre tenemos pendientes. Tienes que probarla.

Wunderlist también está disponible para Android

Instalar Internet Explorer en Mac OS X sin morir en el intento (y gratis)

Uno de los obstáculos con los que cuenta el sistema Mac para el desarrollo web es la imposibilidad de instalar Internet Explorer en sistemas OS X. Desde la fallida (por nefasta) implementación de Internet Explorer 5 para Mac, Microsoft no ha desarrollado las distintas versiones de su navegador para los equipos de la manzana luminosa.

Por suerte (sí, yo también pienso a veces que por desgracia) existen distintos métodos para poder ejecutar distintas versiones de Internet Explorer en el Mac, pero la única forma de ejecutar Internet Explorer de forma fiable es mediante la instalación de software de virtualización, que consiste en la creación dentro de nuestro sistema de una máquina ficticia sobre la que podemos ejecutar el sistema operativo que queramos, permitiendo instalar en ella cualquier aplicación de forma nativa.

Instalar Internet Explorer en Mac OS X de forma gratuita y fácil

En este caso vamos a usar un sistema de virtualización Open Source de Oracle denominado Virtual Box, ya que posee múltiples ventajas.

  • Es totalmente gratuito y Open Source
  • No requiere la instalación ni la adquisición de una licencia de Windows
  • Consume muy pocos recursos de nuestro Mac (con 256MB, suficiente)

Internet Explorer instalado en Mac con Virtual Box

Paso 1 – Instalación de Virtual Box
Simplemente accede a la página de descarga de Virtual Box, e instálalo como cualquier otra aplicación para Mac OS X.

Paso 2 – Instala tantos emuladores de Internet Explorer como desees
Dependiendo de las versiones de Internet Explorer que quieras instalar, deberás ejecutar los siguientes comandos en el terminal de OS X:

Todas las versiones de Internet Explorer

Sólo Internet Explorer 7

Sólo Internet Explorer 8

Sólo Internet Explorer 9

Comenzará la descarga de la máquina virtual Windows preconfigurada con la versión de Internet Explorer elegida. La descarga tardará más o menos dependiendo del ancho de banda del que dispongas (puede llevar un día entero).

Una vez descargada, se instala automáticamente en nuestro Virtual Box, quedando preparada para ejecutar en nuestro equipo.

Paso 3 – Ejecutar y configurar Windows
Una vez ejecutada la máquina virtual, acedemos a Windows con el usuario Admin y el password, Password1. Para nuestro propósito (probar desarrollos web en Windows) lo único necesario es cambiar la resolución del sistema, que por defecto es 800×600, por una más adecuada, 1024×768.

Paso 4 – “Conectar” nuestro servidor OS X con Windows
En caso de usar MAMP como servidor local en nuestro Mac, lo único que debemos hacer para visualizar en Internet Explorer las páginas en desarrollo es introducir la siguiente dirección en el navegador:

Listo, ya podemos desarrollar páginas web en Mac asegurándonos de una visualización óptima en los navegadores más populares.

Virtual Box crea, una vez instalado el nuestro Windows con IE, un punto de restauración al que podemos volver si se acaba el período de activación, con lo que dispondremos del sistema indefinidamente aunque nos de la lata de tanto en tanto.

Si necesitamos probar nuestros diseños en distintas versiones de Internet Explorer en nuestro Mac, podemos instalar en nuestro Windows recién estrenado, IETester, que nos permitirá hacerlo con los motores de renderizado desde la versión 5.5 a la 9.

Otro software virtualización para OS X

Existen, para Mac OS X, multitud de aplicaciones de virtualización, las más populares quizá sean Parallels Desktop y VMWare Fusion, pero su uso conlleva un coste al que habrá que añadir la licencia correspondiente del sistema operativo que queremos usar.

Métodos alternativos: Winebottler

Winebottler es un programa que emula sistemas Windows permitiéndonos instalar programas para este sistema operativo. Suena bien, pero funciona mal. Por experiencia, Winnebottler ofrece una compatibilidad muy limitada, lo que provoca que el sistema sea compatible con versiones muy concretas de programas específicos y, en el caso de los exploradores, de forma casi lastimosa. Tendrás problemas en encontrar la release concreta que funciona mejor (si la consigues instalar) y. una vez ejecutado el programa, probablemente se caiga a menudo y te de problemas ejecutando código javascript, etc…

Si quieres probar unos CSS sencillos o una maquetación de forma “ligera” es posible que sea suficiente para ti. Si realmente quieres dar soporte a los navegadores Explorer de forma consistente, este método no es el adecuado.