En un alarde de ingenio, y demostrando sus habilidades, Manz se puso ayer - a raíz de una encuesta que le habían propuesto - a realizar un Casio F-91, pero diseñándolo y programándolo íntegramente en CSS. El modelo virtual ha ido más allá de simplemente poner los dígitos sobre el display y listo, sino que le ha incluido pulsadores, correa... y hasta el brillo del cristal. Para llevarlo a cabo ha recurrido a una serie de recursos externos, como la fuente Dseg que simula los segmentos, u otra que simula el logotipo de Casio.
El código lo puedes encontrar (y descargar) en el repositorio de Manz en Github, donde también podrás ver una versión en funcionamiento (que, como suele ocurrir en estas cosas, en una gran mayoría de navegadores no funcionará - en el mío, por ejemplo -, y te aparecerá la anodina imagen que te encontrarás tras el salto).
Aunque ciertamente es el primer F-91 en CSS que nosotros sepamos, no es ni mucho menos el primer simulador online de este famoso y archiconocido reloj, os recordamos por ejemplo que Guti tiene el suyo en Javascript (con sonido de alarma incluida, por cierto, y hasta iluminación funcional) y Droid en su día nos había hecho el suyo - el F-28 en concreto, pero para el caso es lo mismo - en Flash. Y es que por lo que parece, si quieres mostrar tus alardes programando casi ya es tarea obligada el que realices un Collection de Casio virtual. E incluso, si quieres rizar el rizo, ¡hasta en analógico! (el MTD-1354, en este caso). Y bueno, que no se diga tampoco, que si eres de G-Shock, también tienes el tuyo.
| Redacción: ZonaCasio.com / ZonaCasio.blogspot.com
El resultado no es muy fidedigno, pero tiene mucho mérito implementar todo eso solamente en CSS. Me gusta mucho el efecto de reflejo en el plexy.
ResponderEliminarPor cierto, gracias por la mención también.
¡El de Guti es mitico! :)
ResponderEliminarMuchas gracias Juan!
EliminarCoincido con Juan, palabra adecuada, "mítico"
ResponderEliminarSaludos desde México