Je me suis soumis à un petit exercice Jquery: Créer une infobulle en javascript en partant d'une classe posé sur le lien et se servir du contenu de l'attribut title du lien pour alimenter l'info-bulle et surcharger proprement le css au cas où l'utilisateur n'aurait pas javascript. Rien de trés compliqué, mais c'est pourtant une fonctionnalité florissante sur les blogs et portails aujourd'hui.
Alors comment faire une infoBulle légere, belle ^^, et accessible.
Ces derniers temps je me suis pas mal battu avec flash particuliérement l'ActionScript 3. J'avais à réaliser plusieurs portfolio de photographe et la demande récurrente était qu'il voulait que la photo visionnée s'agrandissent en fonction de la résolution de l'utilisateur. Voici donc ma méthode pour créer un layout fluide en flash.
Suite de ces articles avec la deuxiéme solution pour créer un layout Fixed où les colonnes s'adaptent à la plus grande. Pour rappel un layout fixe est un layout ou l'unité de mesure est le pixel, c'est donc un layout qui ne se redimensionne pas qui reste le méme pour tous les utilisateurs quelque soit leur configuration.
Nous allons voir que cet exemple s'appuie sur le background pour simuler les colonnes.
Je connais deux moyens d'avoir un layout fixe ou la hauteur des 3 colonnes s'adaptent à la plus grande automatiquement, et je m'en vais les partager avec vous. Un layout fixe est un layout ou l'unité de mesure est le pixel, c'est donc un layout qui ne se redimensionne pas qui reste le méme pour tous les utilisateurs quelque soit leur configuration.
Commencons par le premier, mon préféré. (merci à http://www.nrkn.com/)
Le layout Fluid utilise les poucentages à la place des pixels comme unité de mesure pour définir la largeur, ainsi le layout peut s'adapter à la taille de la fenétre navigateur. Ce type de layout est plus utilisé pour les applications de contenu (gmail, google...)
Nous allons maintenant voir comment créer un layout de ce type en quelques étapes.