Dans mon précédent article Amusons-nous avec les canvas, nous étions arrivés au résultat ci-dessous:
Nous avons donc ici un effet que l’on aurait pu obtenir en CSS. Mais grâce aux <canvas> nous pouvons à présent remplir notre texte avec autre chose qu’une unique couleur ; avec les <canvas> on peut utiliser des dégradés, ainsi que des images.
Aujourd’hui nous allons voir comment ajouter du texte aux nouveaux éléments <canvas> du HTML5.
Comme les plus attentifs d’entre-vous l’auront déjà remarqué, le titre de l’article révèle déjà une partie du contenu de l’article ; effectivement, pour utiliser les canvas, il faut obligatoirement passer par JavaScript.
Continuer la lectureBonjour à tous, aujourd’hui nous allons voir comment réaliser une fenêtre modale en jQuery.
Wikipédia donne la définition suivante:
Une fenêtre modale est, dans une interface graphique, une fenêtre qui prend le contrôle total du clavier et de l’écran. Elle est en général associée à une question à laquelle il est impératif que l’utilisateur réponde avant de poursuivre, ou de modifier quoi que ce soit.
Comme une démonstration vaut mieux qu’un long discours, j’ai mis en place une page de test.
Le principe utilisé ici est très simple:
Avant de m’essayer à l’horloge présentée dans l’article précédent, je m’était posé la question de trouver une forme plus originale d’afficher l’heure. Après quelques recherches et essai, je suis arrivé à ce résultat.
Continuer la lectureAujourd’hui, nous allons voir comment réaliser en jQuery une horloge utilisant des images, que vous pouvez voir en action ici.
Continuer la lectureÀ la fin de la première partie de ce tutoriel (voir ici) nous avions :
Les zones de maps n’étant pas stylisables via CSS, nous sommes obligés de passer par jQuery (ou tout autre framework JavaScript).
Principe utilisé: la carte de France est l’image de fond d’une division, la map HTML est appliquée sur une image transparente, qui au survol d’une zone surligne la région correspondante.
Continuer la lectureDans ce tutoriel, nous allons voir comment réaliser une carte interactive comme celle-ci. Ce tutoriel sera divisé en deux parties:
Aujourd’hui, nous allons voir comment créer un plugin OpenSearch.
Today, we will see how to create a simple OpenSearch plugin.
Un plugin OpenSearch est ce qui est utilisé par votre navigateur pour effectuer une recherche, sans a avoir à se rendre sur la page du site sur lequel on veut effectuer la recherche. Cela consiste en un simple fichier XML
An OpenSearch plugin is what your browser uses to search something on a site without having to open it. It consists on a simple XML file.
Aujourd’hui nous allons voir comment créer en jQuery et jQuery UI un effet de porte, avec l’image se séparant en 4 par les coins, révélant ainsi un texte.
Avant tout, il faut comprendre comment s’organiseront les différentes couches:
z-index: 0)z-index: 1)z-index: 2)Aujourd’hui nous allons voir comment faire un plugin jQuery, qui permet de compter le nombre de caractères pouvant encore être accepté dans des champs de texte.
Pour commencer, il faut décider du nombre de variables utiles à ce genre de réalisation. Une longueur maximale autorisée est un minimum. Ensuite, comme variables pouvant être utiles il y a: