Efecto 3D con HTML y CSS

En uno de mis sitios favoritos Ajaxian e encontrado algo realmente asombroso echo con HTML y CSS nada mas ósea nada de javascript.

Es un efecto 3D creado por Roman Cortes , es algo que decidí que valía la pena  comentar sin mas preámbulos les dejo el ejemplo.

Meninas

Meninas

El método descrito desde el blog del autor es el siguiente “Para la realización he usado tres imágenes: dos se corresponden al fondo (paredes) y otra de sprites (3 sprites: uno con el lienzo, niño y perro, otro con las meninas, y el último con la monja y acompañante). El posicionamiento de los sprites se realiza mediante hover en un total de 80 anchors. El lateral derecho de la habitación se ensancha y contrae para mejorar el efecto 3D.

Hay algunos truquitos para que el hover funcione correctamente, podéis verlos en el código fuente. Para que no interfieran las imáges en el hover, he usado distintos z-indexs y nbsps con tamaño de fuente de 455 píxeles: el mismo alto que el experimento en sí”.

Espero que lo disfruten 🙂

Publicado en CSS, HTML. Leave a Comment »

Información sobre Cappuccino por Manduks

Hoy vamos a platicar un poco acerca de Cappuccino, sus aplicaciones y un poco de historia acerca  de este framework.

Para empezar Cappuccino es un framework que trata de llevar cualquier aplicación de escritorio a la nube (ósea  la web).  Está basado en Objective-C y Cocoa, estas últimas herramientas de desarrollo para Mac.

Objective-C  es un lenguaje basado en C y echo en C, por lo cual permite cualquier sintaxis de C común, pero con la gran diferencia que es un lenguaje orientado a objetos.

Objective-J es un lenguaje basado en Objective-C y echo en javascript, por lo cual permite javascript puro en cualquier parte de su estructura, es decir que si queremos hacer algo que no sepamos hacer con Objective-J lo podemos hacer con javascript sin ningún problema.

Cappuccino fue creado por www.280north.com, como tesis doctoral de Francisco Tomalsky , para conocer un poco más acerca de Cappuccino podemos ver la siguiente presentación.

http://280slides.com/Viewer/?user=56&name=Google%20Tech%20Talk

Aplicaciones hechas con Cappuccino.

Cappuccino cuenta con dos grandes aplicaciones que para mi gusto muestran el potencial de este framework , es asombroso lo que se puede hacer en web, y lo fácil que se puede hacer con las herramientas adecuadas.

280 Sildes

Es una aplicación que es como PowerPoint de Windows pero en línea. En esta aplicación se pueden hacer presentación como si se estuviera usando PowerPoint además posee opciones de exportación a  diferentes tipos archivos.

Atlas

Esta aplicación es una obra maestra  desarrollada con Cappuccino, a mis gusto revolucionara la manera en que se desarrollan aplicaciones web en la actualidad. Véanlo por ustedes mismos.

http://www.viddler.com/explore/boucher/videos/1/

Bueno espero que después de este post se aclaren algunas dudas acerca de estas nuevas impresionantes tecnologías.