Développement rapide avec JQuery UI

Magazine
Marque
Linux Pratique
HS n°
Numéro
24
Mois de parution
juin 2012
Spécialité(s)


Résumé

Construite au-dessus du framework jQuery, la bibliothèque jQueryUI offre des composants graphiques de qualité qui permettent d’améliorer simplement la présentation, mais également l’ergonomie, ce qui est un enjeu important pour la création d’interfaces riches.


1. Principes d’enrichissement d’une interface

Le premier principe lorsque l’on décide de transformer une interface en interface riche, est de ne pas imposer des modifications côté HTML. Ce dernier doit bien sûr – autant que possible – être valide, lisible, léger et efficace.

L’enrichissement peut consister à modifier l’apparence d’éléments relativement simples tels que ceux-ci :

<div id="radio">

 <p class="ui-state-default ui-corner-all ui-helper-clearfix field">Exemple de boutons radios:  </p>

 <input type="radio" id="radio1" name="radio" /><label for="radio1">Choix 1</label>

 <input type="radio" id="radio2" name="radio" /><label for="radio2">Choix 2</label>

 <input type="radio" id="radio3" name="radio" /><label for="radio3">Choix 3</label>

</div>

<div id="checkbox">

 <p class="ui-state-default ui-corner-all ui-helper-clearfix field">Exemple de cases à cocher:  </p>

 <input type="checkbox"...

Cet article est réservé aux abonnés. Il vous reste 95% à découvrir.
S'abonner à Connect
  • Accédez à tous les contenus de Connect en illimité
  • Découvrez des listes de lecture et des contenus Premium
  • Consultez les nouveaux articles en avant-première
Je m'abonne


Article rédigé par

Abonnez-vous maintenant

et profitez de tous les contenus en illimité

Je découvre les offres

Déjà abonné ? Connectez-vous