Photos de La Sagrada Familia.
Photos de La Sagrada Familia.
Photos de La Sagrada Familia.
Photos de La Sagrada Familia.
Photos de la place d’Espagne à Barcelone.
Photos de Barcelone.
Tooltipster est un plugin jQuery qui permet de mettre en place des tooltip (infobulles), au hover sur n’importe quel élément HTML. Facile à prendre en main, le script est moderne et flexible avec une interface totalement customisable.
Une infobulle à base de CSS
Le plugin génère des infobulles dont le style est entièrement personnalisable via CSS (typographie, couleur, padding, ombres, etc) et met à disposition plusieurs paramètres de configuration : position de la tooltip par rapport à la souris, délai d’apparition, largeur automatique ou fixe, affichage et couleur de la flêche, placement « intelligent » pour éviter les collisions… etc. Plusieurs thèmes CSS sont disponibles pour skinner vos tooltips, que vous pouvez bien sûr modifier.
Le contenu de l’infobulle peut provenir de différentes sources (en brut dans le JS, title d’un lien, ou encore appel AJAX) et il existe des fonctions de callback. On retrouve également un paramètre animation qui détermine la manière dont l’infobulle apparaît en arrivée et en sortie, le tout géré en full CSS via les transitions CSS3 (sauf pour IE). Vous pouvez donc modifier ou créer vos propres animations via la feuille de style fournie avec le script. Vous l’aurez compris, le plugin est assez modulable.
(suite…)
Photos du port de Barcelone.
Photos de la place d’Espagne à Barcelone.
Blokk est une police permettant de transformer vos paragraphes de textes en blocks, idéal pour vos maquettes graphiques.
Vous avez peut être déjà eu le cas où votre client vous demande pourquoi son site est en latin avec le lorem ipsum et pas en français ? Voici une solution alternative quand vous ne souhaitez pas mettre de vrais textes mais signaler leurs présences dans vos maquettes HTML : Blokk.
Blokk est tout simplement une webfont qui va remplacer vos caractères par des blocks que l’on peut tout à faire mettre en forme (gras, taille, couleur).
Son utilisation est très simple, comme une webfont… Grâce à elle, vos clients devraient moins faire un blocage sur le contenu et plus se concentrer sur le design et structure de votre maquette.
(suite…)