04
MARS

WinkToolkit - Un framework javascript pour vos applications mobiles

Publié le 04/03/11 à 10h16 par Sybio

WinkToolkit est un framework javascript axé mobile pour aider au développement d'applications mobiles.

 

Cube 3D avec WinkToolkit

Vous connaissez certainement JQuery Mobile, le framework mobile de JQuery qui est toujours en Alpha Test, WinkToolkit est quant à lui développé par Dojo et peut servir d'alternative, d'autant plus qu'il est en version stable.

A la différence de JQuery Mobile qui impose une charte graphique et donc un environnement particulier, WinkToolkit n'intervient que dans les effets Javascript.

Au menu, vous trouverez du code tout prêt pour faire:

  • Du cache (très performant d'après la démo)
  • un Cube 3D pour changer de page
  • un Menu 3D sous forme de Carousel
  • un Carouselle
  • des Scroll Bar
  • du Drag 'n drop
  • un SlideShow
  • un Nuage de tags
  • ...

Vous pouvez voir des vidéos pour illustrer tous les effets possibles actuels sur la page de preview.

Un exemple de code tiré du Framework pour implémenter votre carouselle:

var properties = 
{
	'itemsWidth': 280,
	'itemsHeight': 136,
	'autoAdjust': 1,
	'autoAdjustDuration': 400,
	'autoPlay': 1,
	'autoPlayDuration': 4000,
	'firstItemIndex': 2,
	'items':
	[
		{'type': 'string', 'content': '<img src="../img/carousel_image_01.png" onclick="alert(1)" />'},
		{'type': 'string', 'content': '<img src="../img/carousel_image_02.png" onclick="alert(2)" />'},
		{'type': 'string', 'content': '<img src="../img/carousel_image_03.png" onclick="alert(3)"/>'}
	]
}
	
carousel = new wink.ui.xy.Carousel(properties);
	
$('output').appendChild(carousel.getDomNode());

La documentation est très bien faite, je vous invite donc à faire un tour d'horizon sur le site si vous faîtes du dev' mobile !

 

Site Officiel

Baraguiné par codegrabber le 04/03/11 à 14h44
codegrabber sur La Ferme du Web
les démos claquent !

Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Connexion avec Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web