extras » e-books       -       Multisite » Blogpocket | Acordes modernos | Mariposas en la maleta
Icono Twitter  Icono Facebook  Blogpocket Multisite en Google+  Icono Google+  Icono RSS


Especial Cristóbal Colón (Cómo se hizo)

Por  | 19.05.2009  | Desarrollo WebHtmltips

Hablando del especial de la revista Tinta Digital sobre Cristóbal Colón, me gustaría reflexionar un poco acerca del uso de JavaScript como herramienta de desarrollo web. Con este lenguaje se pueden ampliar las posibilidades del HTML pero también, todavía hoy, se corren riesgos de seguridad o malfuncionamiento de las páginas (aunque las últimas versiones de los navegadores tienen resueltas las vulnerabilidades conocidas). Por eso, muchos usuarios prefieren tener desactivada la opción de JavaScript en sus navegadores.

En el especial de Tinta Digital hemos utilizado la librería MooTools para implementar el efecto de las cajas inferiores en las que se muestra cada tema, una vez que se pincha en los cuadros del mapa. Como dice la Wikipedia, el objetivo de MooTools es aportar una manera de desarrollar JavaScript sin importar en qué navegador se ejecute de una manera elegante. MooTools aporta una API documentada más enfocada a la orientación de objetos que la implementación estándar soportada por los navegadores web.

Para el efecto de transición entre cuadros del mapa, se ha utilizado el evento onmouseover de Javascript, con lo que obtenemos una espectacular página home.

¿Qué sucede, pues, si tenemos javascript desactivado?. Afortunadamente, la página es totalmente funcional, aunque un poco menos vistosa. No habrá transiciones entre los cuadros del mapa (aunque irán apareciendo más claros a medida que se publiquen los temas) y los enlaces a los temas se irán haciendo visibles, en la parte inferior, de la página, según pasen los días.

Posts relacionados

Haz un comentario:

Los comentarios están moderados y puede trasncurrir un tiempo hasta que se publiquen.

Puedes participar en la conversación utilizando tu cuenta de Facebook (opción recomendada) o el sistema clásico de WordPress.

Facebook

Si eliges "publicar en Facebook" tu mensaje se verá en tu biografía de Facebook inmediatamente. Aquí no aparecerá hasta que se apruebe.


WordPress

Si lo prefieres puedes comentar con el sistema clásico de WordPress.

XHTML: Se pueden utilizar las siguientes etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>