Aujourd’hui pour fêter l’anniversaire du blog, voilà un tutoriel qui vous montrera comment créer des boutons super clean et sympa en full CSS (cf. ici sur le blog), grâce notamment aux nouvelles propriétés introduites dans CSS3.
- Vendredi dernier vous avez pu découvrir à quoi allait ressembler la page consacrée à mon portfolio. Aujourdhui, à quelques jours de la mise en ligne, découvrez la nouvelle page d’acceuil!
- La mise en ligne de la nouvelle version du site approchant, voilà l’avant dernier teasing qui vous présente la toute nouvelle page consacré à mon Portfolio.
- Aujourd’hui en bossant sur le nouveau design j’ai voulu adapter mon design selon la taille de la fenêtre du navigateur, je vais donc partager cette petite astuce avec vous. Ici je vais utiliser un petit bout de Javascript, et plus précisement du jQuery.
- Il y a pratiquement 1 an maintenant je vous avez montré comment créer vos propres infos-bulles en jQuery, aujourd’hui je vous présente un plugin vraiment sympa qui permet de faire très simplement des infos-bulle (ou tooltips) similaire à celles qu’on peut trouver sur Facebook ou encore Twitter.
Tipsy est donc un plugin jQuery, vraiment très simple à mettre en place, avec pas mal d’options possible pour l’animation des infos-bulles, comme par exemple l’orientation de celles-ci (nord, sud, est, ouest, etc.), la façon dont elles apparaissent et pas mal d’autres choses.
Comment l’implémenter sur votre site?
C’est super simple, il suffit d’inclure la librairie jQuery en plus de Tipsy dans votre site, sans ça le plugin ne fonctionnera pas, ça tombe sous le sens mais je le dis quand même. Ensuite, il suffit d’initialiser le plugin de la façon suivante :
$('a').tipsy();Ce petit bout de code appliquera le plugin Tipsy à tout les liens de la page. Enfin, pour que le plugin soit effectif, il faut bien entendu renseigner l’attribut title de vos liens.
Aller plus loin avec Tipsy
Pour voir les différentes options de personnalisation, les exemples d’utilisation et télécharger Tipsy, rendez-vous sur le site du plugin.
- Aujourd’hui je vous présente encore un petit avant goût de la prochaine version du blog. En vedette ici, l’affichage des commentaires.
- Pour le premier anniversaire du blog, vous aurez droit à un tout nouveau design, très simple mais vraiment sympa (c’est en tout cas mon avis).
- Ayez, la nouvelle mouture de la suite de logiciels de création d’Adobe est là! Au programme, pas mal de nouveauté pour un prix toujours aussi énorme (malheureusement)!
- Hier, je vous présentais le plugin jQuery CuteTime, aujourd’hui, je vous propose de faire la même chose, mais cette fois en PHP, grâce à une fonction qu’a proposé Jay Salvat sur son blog.
- Vous rêvez d’afficher les dates de vos articles à la façon de Twitter ou encore Facebook, CuteTime est fait pour vous! CuteTime est un plugin jQuery qui permet de convertir automatiquement des timestamps en date formatées d’une plus joli manière (ex: il y a 2 jours, etc..).
CuteTime peut être utilisé à la fois comme une fonction, et retournera un timestamp tout bien formaté, en gros ce serait l’équivalent de la fonction PHP date(‘d/m/Y’) mais en mieux. Ou bien, en l’utilisant grâce aux sélecteurs, en modifiant la valeur de l’objet par un CuteTime.
Utilisation
Concrètement, ce plugin s’utilise de la façon suivante :
$(document).ready(function () { $('.timestamp').cuteTime(); });<div class="timestamp"> 2009/10/12 22:11:19 </div>
C’est aussi simple que ça. Pour plus d’information, et voir la documentation complète concernant l’utilisation de ce plugin, rendez vous sur la page consacrée au plugin.