Widgets HTML 5 pour tous navigateurs

Objects identiques aux éléments de formulaire et de design de HTML 5, et autres composants graphiques innovateurs, fonctionnant sur tous les navigateurs.

Widgets

• 

  Barre de progression
  Affiche l'état de progression d'une tâche par une barre verte et affiche la valeur numérique en surimposition.

• 

  Barre de progression de Windows
  Une barre de progression similaire à celle de Windows. Aucune valeur numérique dans le widget.

• 

  Combo box
  Un champ de texte que l'on peut remplir directement ou par sélection dans une liste d'options, HTML 5 ajoute cet objet, mais avec un peu de JavaScript, on peut le réaliser ne HTML 4 aussi.

• 

  Compteur JavaScript
  Compteur générique permettant des effets visuels différents.

• 

  Bouton on/off
  Bouton et indicateur à deux états pour montrer si une fonction est activée.

• 

  Liste rotative
  Pour sélectionner une option dans une liste courte, la liste rotative (qui peut aussi être déroulante) est plus pratique que le menu déroulant classique.

Widgets en CSS pur

• Infobulle contenant des titres et images.
• Bouton image pour des applications pro.

Widgets externes

• Spin.js. Un indicateur totalement configurable.
• Drawingboard.js. Ajouter un outil de dessin dans une page avec une simple classe JavaScript.

Articles

• HTML 5.