Le script Virtual Keyboard permet l’affichage d’un clavier vituel dans vos pages Internet. Cela peut s’avérer très utile dans des applications à haut niveau de sécurité comme les applications bancaires en ligne.

En effet, les champs utilisant Virtual Keyboard ne peuvent être remplis qu’avec la souris. De plus, le français est parfaitement supporté par ce script et il est possible de saisir les caractères accentués.

Pour implémenter Virtual Keyboard, vous n’aurez simplement qu’à ajouter le fichier keyboard.js, keyboard.css et définir le charset à “UTF-8″. Il ne restera plus qu’à ajouter la classe class=”keyboardInput” sur le champs du formulaire.

Simple et efficace…

Site Internet : Virtual Keyboard
Licence : BSD

CSS Text Wrapper permet d’afficher vos textes en sortant du simple cadre du rectangle. Il permet facilement de rédiger vos textes en rond, carre, trapèze ou toutes autres formes tarabiscotées.

Toutefois, l’interface de création est assez spartiate et un peu de patience sera nécessaire pour arriver à vos fins. J’aurais apprécié une grille et des formes prêtes à l’emploi qui ne restent qu’à appliquer…

Le processus suit ces 4 règles :

• Placez un point sur les lignes noires à la droite et la gauche du texte
• Déplacez ces points pour faire la mise en page
• Gênerez le code
• Copiez/collez le code dans votre page

La preuve par l’exemple :

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam pede. Donec iaculis, purus at porta tristique, pede nisi rhoncus pede, non nonummy augue nunc in tortor. Nunc gravida, nisl ac tempor rutrum, risus odio pharetra eros, eu feugiat diam nisi sit amet sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam quis neque at odio laoreet

Site Internet : CSS Text Wrapper
Licence : Gratuit

Pour des besoins professionnels, j’ai orienté les recherches de ces derniers jours sur l’affichage par défilement de textes, images et liens hypertextes. La ressource de ce jour sera parfaite pour afficher les logos de sponsors dans un espace limité horizontalement.

La mise en place de jScroller est des plus simplissimes : ajouter dans le HEAD, deux lignes « script » et dans le BODY deux « div ». C’est tout et c’est efficace ! jScroller implémente les défilements vers le haut, vers le bas, vers la gauche et vers la droite.

Spécification de jScroller :

• Compatible W3C
• Affiche les textes et images même si javascript est désactivé
• Fonctionne dans les navigateurs les plus courrant
• Fait défiler toute sorte de contenu
• Pas de javascript additionnel pour faire fonctionner jScroller
• Vitesse et direction de défilement paramétrables.

Site Internet : Markus Bordihn
Licence : Gratuit

Avec Easy News Plus 1.0.1, vous pourrez afficher vos dernières nouvelles créant des « diapositives » avec un effet de transition par glissade de gauche à droite et inversement.

Les principales fonctions sont :

• Défilement automatique vers la gauche ou vers la droite
• Aucune installation supplémentaire
• Aucun autre plugins nécessaire
• Contenu HTML accepté (même le Flash)
• Effet de transition très lissé. (Évalué avec IE7 et Firefox 2.0)
• Ajustement du temps d’affichage avant passage à la news suivante
• Possibilité d’éditer le fichier css pour personnaliser Easy News Plus 1.0.1

Application de ce script sur LA SEMAINE FRANCAISE AU VIETNAM

Site Internet : Michael’s jQuery Plugins ou http://jquery.000webhost.info
Licence : MIT et GPL

Accessible News Slider a pour vocation d’afficher les dernières informations de votre site Internet de manière originale. Chaque « nouvelle » est présentée dans un cadre. Pour passer de la première à la seconde nouvelle, vous devez cliquer sur la flèche a droite et, comme pour un carrousel, cela provoque l’apparition de la seconde nouvelle avec un effet de défilement …
Ensuite, en fonction de votre programmation, passez à la troisième ou revenez à la première.

En exemple sur le site du créateur : http://www.reindel.com/accessible_news_slider/

Ce petit programme est très simple à mettre en œuvre. Il requière le framework jQuerry.

Site Internet : Accessible News Slider
Licence : Gratuit

 

Ce petit plugin jQuery vous permettra de mettre un peu de couleur dans vos paragraphes et vos titres.

Ce sont 4 routines qui ont été implémentées : Spanize, Unspinaze, Textgrad et Textscan.

Très simple d’emploi, pour les utiliser, il suffira d’ajouter dans le <head> de votre page les deux javascript “jquery.js” et “jquery.textgrad0.js” et d’appeler une des 4 fonctions !

Site Internet : Textgrad
Licence : GPL