Proyecto Spartan, lo nuevo de Facebook

La nueva plataforma de Facebook conocida como “proyecto Spartan” tiene como fundamento el incorporar la tecnología HTML 5 y llegar a 100 millones de usuarios ¿Dónde? En el mundo de los móviles. Lo más interesante de esta estrategia es que la conocida red social es aún más específica en sus intereses y ha señalado que la clave está en desembarcar toda esta idea en “Safari”. En breve Facebook lanzará una plataforma móvil dirigida para trabajar en el iPhone y el iPad.
Para quienes ya se preguntan cómo va a ser distribuido, la respuesta es que no estará disponible dentro de la App Store de Apple, sino más bien estará completamente basada en HTML 5 y trabajará en Safari de forma independiente. Aunque los expertos en comunicación social de Facebook no han querido reconocer que esto sea así, quienes están familiarizados con el proyecto señalan que la intención es clara “utilizar los dispositivos de Apple contra sí mismos, terminando así con el dominio que éstos tienen sobre la distribución de aplicaciones móviles”.
Aproximadamente 80 son los desarrolladores que están trabajando en el proyecto Spartan, donde lo crean o no se trabaja como equipo en una plataforma de aplicaciones que incluye juegos y lectores de noticias. Algunos de los que están involucrados en el proyecto son Zynga y Huffington Post. ¿Cuándo estará listo? Quienes tienen conocimientos acabados respecto del proyecto señalan que apenas en unas semanas más se definiría el día y hora en que se hará el anuncio mundialmente.
Por el hecho de estar trabajando hace tan sólo un par de meses en el proyecto, es muy factible que se lo que se llegase a mostrar en un par de semanas, fuese apenas una muestra de lo que podría llegar a ser y no se trate de una versión que trabaje 100%. Quienes han tenido la oportunidad de observar esta nueva plataforma en funcionamiento en móviles, plantean las ventajas de contar con una versión de Facebook que utilice un menú de búsqueda para encontrar aplicaciones y permita cargarlas en una especie de escritorio de Facebook.
Otra de las intenciones del llamado proyecto Spartan es realzar la importancia de los créditos, sistema de pago fácil que intentan masificar, pero que no ha tenido el resultado esperado si se le compara con el App Store y su sistema de pago. Aunque se ha dicho que Android es también uno de los objetivos del proyecto, la prioridad sigue siendo iOS.


Via:Cronica Web

Visto en: Tecnologia

Personalizar animación Banner con jQuery

En el tutorial de hoy vamos a crear un banner de animación personalizada con jQuery. La idea es contar con elementos diferentes en un cartel que animará paso a paso de una manera personalizada. Nosotros vamos a usar el plugin de jQuery y jQuery Facilitar el 2D Plugin de transformación para crear algunas animaciones ingenioso.
Las imágenes utilizadas para la demo (teléfonos móviles y Tablet PC) son por el talentoso Alex Gillis y usted puede encontrar sus maravillosas obras en Deviantart. La imagen Dell Vostro es por Steven Housden y usted puede encontrar a su alta calidad de las obras en su página de Deviantart.
Por lo tanto, vamos a empezar!

 
El margen de beneficio
 
El código HTML de la bandera será un div principal y un div de diapositivas. El div de diapositivas sólo es necesario si quieres algo bonito efecto frontera en torno a la bandera. Ahora vamos a añadir algunas zonas de la bandera. Estas zonas contienen las imágenes que se animan y salen de la bandera en función del paso actual. La primera zona se contienen todos los productos. La segunda zona que va a utilizar para el remate la publicidad y la tercera zona contará con dos títulos diferentes: 

<div id="ca_banner1" class="ca_banner ca_banner1">

02	<div class="ca_slide ca_bg1">

03	<div class="ca_zone ca_zone1"><!--Product-->

04	<div class="ca_wrap ca_wrap1">

05	<img src="images/product1.png" class="ca_shown" alt=""/>

06	<img src="images/product2.png" alt="" style="display:none;"/>

07	<img src="images/product3.png" alt="" style="display:none;"/>

08	<img src="images/product4.png" alt="" style="display:none;"/>

09	<img src="images/product5.png" alt="" style="display:none;"/>

10

</div>

11

</div>

12	<div class="ca_zone ca_zone2"><!--Line-->

13	<div class="ca_wrap ca_wrap2">

14	<img src="images/line1.png" class="ca_shown" alt=""/>

15	<img src="images/line2.png" alt="" style="display:none;"/>

16

</div>

17

</div>

18	<div class="ca_zone ca_zone3"><!--Title-->

19	<div class="ca_wrap ca_wrap3">

20	<img src="images/title1.png" class="ca_shown" alt="" />

21	<img src="images/title2.png" alt="" style="display:none;"/>

22	<img src="images/title3.png" alt="" style="display:none;"/>

23

</div>

24

</div>

25

</div>

26

</div>

Mira el manual completo:

Via: Tympanus

Visto en: Blog Informatico