Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Fuel UX, la bibliothèque JavaScript qui étend le Bootstrap de Twitter
Pour le développement Web

Le , par vermine

0PARTAGES

1  0 
Fuel UX, la bibliothèque JavaScript qui étend le Bootstrap de Twitter
pour le développement Web.


Fuel UX est une bibliothèque légère qui étend le Bootstrap de Twitter avec certains contrôles JavaScript supplémentaires, l'outil en ligne de commande Grunt pour construire des applications JavaScript et une compatibilité AMD (Asynchronous Module Definition).

Bootstrap rassemble des outils proposés par Twitter. Ceux-ci permettent de créer des applications Web à partir de templates HTML, de CSS, de formulaires, etc. pour réaliser des interfaces utilisateurs. Fuel UX complète cette liste d'outils.

Jusqu'à présent, les contrôles suivants sont inclus :

  • ComboBox : combine les input et les listes déroulantes pour une sélection de données simple et flexible ;
  • DataGrid : restitue les données dans une table avec la pagination, le tri et la recherche ;
  • Pillbox : gère les éléments sélectionnés avec des labels colorés ;
  • Search : combine les input et les button pour une recherche interactive ;
  • Spinner : fournit un input numérique avec incrémentation et décrémentation.


Le projet est documenté et espère ne pas s'arrêter-là. Les contributions extérieures sont d'ailleurs les bienvenues.

Les sources sur GitHub.
La documentation avec les exemples.
Le Bootstrap de Twitter.

Source : d'après un article sur DailyJS. Cet article parle également de uiji.js qui utilise les sélecteurs CSS pour construire des objets jQuery et de QuoJS pour le développement mobile.

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de okoweb
Membre confirmé https://www.developpez.com
Le 26/10/2012 à 17:09
Bonjour,
Cette bibliothèque est géniale mais j'ai eu des soucis à l'intégrer dans un projet utilisant déjà bootstrap.
Le widget qui m'a intéressé est datagrid.
Dans mon projet j'avais déjà ce requirejs :
Code : Sélectionner tout
require(["jquery", "bootstrap.min", "m-radio.min"], function($e) {
Du coup quand j'ajoute datagrid, ni mes js de bootstrap, ni datagrid ne fonctionne. Pourtant dans mon script initial mes js de bootstrap fonctionne à la perfection.
Code : Sélectionner tout
require(["jquery", "bootstrap.min", "m-radio.min", "data", "datasource", "datagrid"], function($, sampleData, StaticDataSource) {
mais ça marche plutôt ainsi
Code : Sélectionner tout
require(["jquery", "data", "datasource", "datagrid"], function($, sampleData, StaticDataSource) {
Et mes autres scripts js bootstrap ne fonctionnent plus.

Où est-ce j'ai péché ?

Merci d'avance...
0  0