Archivo de la categoría: Uncategorized

Internet Explorer 6 & 7 are dead

Todos/as aquellos/as que nos dedicamos al desarrollo web sufrimos una pesadilla recurrente: que nuestros sitios web funcionen correctamente en las versiones 6 y 7 del navegador Internet Explorer.

ie6dead1
Datos de Microsoft sobre el declive de IE6 (click en la imagen para acceder a los datos actualizados)

Quien escribe esto, además de desarrollar sitios web, lleva muchísimos años impartiendo formación. Uno de los cursos que más veces he impartido es el de “Diseñador Web y Multimedia“, además de otros cursos específicos de HTML y CSS (últimamente HTML5 y CSS3), módulos de accesibilidad y usabilidad web y otras materias en las que la maquetación web y sus estándares han estado muy presentes. En dichos cursos, la secuencia didáctica, lógicamente, va in crescendo. El alumnado va asimilando, poco a poco, diferentes elementos de HTML, después de CSS, para acabar construyendo un layout sobre el que desarrollará el trabajo, llamémoslo así, de filigrana (especialmente en CSS y, en ocasiones, Javascript). Hasta aquí todo bien… por poco tiempo.

ie-7-countdown-1024x921-copiaInfografía sobre el declive de IE7 (los datos son más o menos coincidentes con los aportados por Global Stat Counter)

Y es que, pongamos por caso, un objetivo para uno de estos cursos puede ser la maquetación de un sitio web (estático o dinámico) con CSS, partiendo de un diseño previo (por ejemplo en un fichero PSD). Ahí es cuando surge el problema/pregunta planteado por cualquiera de los alumnos/as: “Profe, el menú no se me ve bien en Explorer 7“, “La caja de contenidos no llega hasta abajo” y un largo (interminable) etcétera de problemas que, en más de una ocasión, me han metido en un aprieto. Eso sí, de dicho aprieto siempre se acaba saliendo pero, para salir, y seguro que muchas de las personas que están leyendo este blog lo han vivido, debemos acudir a una serie de parches, reseteadores, scripts y otras “trampas” que, efectivamente, nos solucionan el problema… para fastidiarnos la validación de los estándares de la W3C :(

StatCounter-browser_version_partially_combined-ww-monthly-201207-201307-bar
Estadísticas del uso de los navegadores de Global Stat Counter (gs.statcounter.com)

Pues bien, todo parece indicar que el uso de nuestros navegadores pesadilla, los inefables IE6 y IE7, está bajo mínimos. Tanto es así que un formador ortodoxo como el autor de estas líneas ha decidido abandonar definitivamente el desarrollo web orientado a estos navegadores. Los tiempos del contra-estándar han llegado a su fin. Larga vida a los nuevos navegadores, los nuevos dispositivos, el diseño web responsable (o adaptativo) y a frameworks como Bootstrap.

Parafraseando y mutando la vieja estrofa de los Smiths: Internet Explorer 6 & 7 are dead :)

El futuro del aprendizaje empresarial: Formación JIT

Un nuevo concepto de formación que está sonando cada vez más en foros y servicios formativos online es el de la formación JIT (Just in Time). El claro guiño del término a los procesos productivos impulsados por Toyota se basa en la innovadora naturaleza de este tipo de formación. La formación JIT provee a los alumnos de la información necesaria para poder llevar a cabo su trabajo en el momento que éstos la requieran desde sus puestos de trabajo.

JIT_Logo

Este concepto parte del tipo más efectivo de formación empresarial: la capacitación profesional que recibe un aprendiz de manos de un experto sobre tareas relacionadas a su puesto de trabajo. Pero J.I.T aporta el elemento fundamental de las nuevas tecnologías, es decir, no dependemos de la presencia del experto, simplemente podemos acceder a un repositorio bien organizado en nuestra plataforma de formación en nuestra intranet de los métodos y procesos de nuestro trabajo. Esta formación se convierte en un apoyo formativo constante a nuestro desempeño profesional.

Los beneficios de este tipo de formación son múltiples:

1 – En la formación tradicional en aula o taller, el alumno aprende una serie de técnicas que puede tardar bastante tiempo en ponerlas en marcha, con lo que es posible que con el tiempo cuando por fin necesite aplicar su aprendizaje, al alumno se le haya olvidado el proceso. Con JIT el tiempo entre el aprendizaje y la aplicación del mismo es mínimo con lo que se reduce el riesgo del olvido a cero.

2 – La formación JIT se transmite cuando se necesita y se basa en la necesidad específica del alumno en ese momento. Para eso, es esencial que la formación esté totalmente personalizada a las necesidades del puesto de trabajo. No tiene sentido realizar 1 hora de material formativo cuando en realidad sólo 15 minutos de ese material es relativo a nuestro puesto de trabajo. JIT consisten en múltiples y píldoras formativas bien organizadas y distribuidas por las posibles necesidades de un puesto de trabajo.

3 – No existe formación con mayor retorno a la inversión. Se quitan de golpe y plumazo los gastos típicos de la formación presencial: costes de impartición, desplazamiento, dietas, y el tiempo en que los participantes están fuera de sus puestos de trabajo. Aunque el coste inicial de la implementación de una plataforma JIT puede ser significante, sobre todo si se trata de una formación dirigida a un colectivo muy específico, estos costes se compensan rápidamente con la mejora de la productividad y la reducción en los tiempos de la formación continua.

Sobre el futuro de e-Learning y de la formación presencial

En el área de educación, el mercado de e-Learning es el que más está expandiendo gracias al crecimiento exponencial de usuarios de Internet (un 870% desde 2000) y el desarrollo de nuevas tecnologías que han revolucionado la manera en que adquirimos, almacenamos y compartimos el conocimiento.

Durante estos últimos 13 años, Las soluciones de eLearning se han diversificado en herramientas de aprendizaje como por ejemplo los sistemas de gestión educativa (LMS), las clases virtuales, plataformas móviles y MOOCs, entre otras.

La apuesta por estas herramientas tecnológicas formativas es cada vez más clara, pero también nos abre una serie de incógnitas sobre el futuro de la educación. Considerando las ventajas que aporta la formación por Internet, como por ejemplo su características de accesibilidad, mensurabilidad y sostenibilidad, ¿Cuál es el futuro que le espera a la formación presencial?images

El interés e implementación de eLearning en instituciones educativas y empresas está creciendo, pero mucho individuos cuestionan la efectividad pedagógica de este tipo de formación, sobre todo en ciertas materias de tipo humanista. Se también cuestiona su universalidad, puesto que la mayoría de LMS son a día de hoy poco intuitivos para personas que no estén acostumbradas a utilizar herramientas tecnológicas.

Algunos expertos apuestan por una solución intermedia: la formación “blended” que a día de hoy está aportando grandes resultados en Escuelas de Negocios y Academias.

También, gracias a la mejora en la calidad de las vídeo-conferencias en tiempo real por Internet, las clases presenciales están, cada vez más, emitiéndose mediante vídeo “streaming”, lo que permite una mayor difusión y nos permite abrir nuestra formación a un mercado mucho más amplio.

Tipografías en la web

Uno de los problemas que nos encontramos los diseñadores y/o desarrolladores web es el de utilizar tipos de letra en nuestros sitios web. En un proyecto profesional, el punto de partida debería ser un diseño ad hoc, o sea, totalmente personalizado y adaptado a las necesidades del proyecto (cliente). Y es aquí donde nos encontramos con el problema de las fuentes… y sus limitaciones.

No es la primera primera vez que la selección tipográfica en un diseño me cuesta algún dolor de cabeza, incluso alguna discusión, cuando el proyecto web lo realizo con algún profesional del diseño gráfico. ¿Por qué? Pues muy fácil: para que el texto de una página web se vea tal cual está en el diseño, los visitantes deben tener instaladas dichas fuentes en su equipo. De no tenerlas, éstas serán sustituidas automáticamente por una fuente del sistema, con lo que perdemos el control sobre la apariencia de nuestra web.

Ante este problema siempre se ha optado por una solución ciertamente “castrante“. El uso de las llamadas safe fonts o fuentes seguras. Esta técnica está basada en la llamada, vía CSS, a pilas tipográficas, consistentes en referencias a fuentes instaladas en cualquier plataforma (Windows, MAC, Linux) o, en su defecto, alternativas más o menos equivalentes. A algunos de mis lectores les sonara una declaración como esta:

font-family: arial, helvetica, sans-serif;

Muy bien, pero ¿qué quiere decir esto?. Pues básicamente que queremos que esa parte o partes de la página se muestren en tipografía arial. Si el visitante no tuviera esa fuente instalada en su equipo, el texto se mostraría en helvética (en MAC, por ejemplo), para, en su defecto, mostrarse una tipografía sin serifa (de palo seco). Con esta técnica nos aseguramos de que las tipografías de nuestras páginas se vean igual (o casi) bajo cualquier plataforma, lo que no impide que tengamos un abanico de posibilidades bastante limitado. Aquí tenemos una lista de las fuentes seguras.

Sin embargo, desde hace un tiempo, existen alternativas que nos permiten ser más creativos a la hora de utilizar tipografías en nuestros sitios web. A continuación describo algunas de ellas:

  • sIFR (Scalable Inman Flash Replacement) Este sistema se basa en la incorporación de cualquier fuente que deseemos a través de un archivo de Flash, que se cargará en el servidor del sitio web. Posteriormente será Javascript el encargado de transformar esos ficheros SWF (flash) en texto ordinario que, por lo tanto, podrá ser seleccionado y localizado por motores de búsqueda como Google. ¿El problema? que el usuario no tenga el Flash instalado en su equipo y el funcionamiento en algunos dispositivos móviles… además de cierta ralentización de la página. Para más información podéis echar un vistazo a la wiki de sIFR.
  • @Font-face Estamos ante la opción más exitosa a la hora de usar tipografías más allá de las safe fonts. Hasta hace pocos años esta opción resultaba un poco aventurada debido a que no todos los navegadores daban soporte a esta opción del CSS. Pero hoy en día las estadísticas de uso de navegadores nos permiten dar un paso al frente.
  • Google web fonts

    Esta técnica, basada en el uso del CSS y en la subida de los ficheros con las tipografías a nuestro servidor, añadiendo un poco de código a nuestros ficheros. Pero lo más interesante es que podemos acceder a repositorios de fuentes web como Google Fonts, con tipografías de uso gratuito. (Ojo con utilizar la fuente que no de la gana… eso no es gratis!!)

  • Logo Typekit

    Typekit es otra manera sencilla de implementar fuentes en nuestra web. Recientemente adquirida por Adobe, es solución de bajo coste que da acceso a una amplia gama de fuentes.

  • Además, en lugar de cargar una gran cantidad de ficheros al servidor, sólo tenemos que seleccionar las fuentes necesarias desde el sitio web de Typekit, donde están todos alojados. Un consejo: establecer fuentes de reserva en las pilas tipográficas para aquellos usuarios que tengan desactivado el javascript. Web de Typekit
  • Existen otras alternativas como Font Squirrelpero de eso ya hablaremos otro día.