Tag: #utile

Patternify est une petite application web permettant des dessiner pixel par pixel ses propres motifs rayés afin de les utiliser dans nos feuille de style CSS, sans avoir à ouvrir Photoshop. On pourra enregistrer l’image dans un fichier, ou bien directement utilisé l’image converti en Base64, sans avoir besoin d’une image.

Aujourd’hui, je suis tombé sur jLabel, un plugin jQuery fort sympathique et en plus de ça non obstrusif. Donc garantissant une très bonne accessibilité à vos formulaires, même sans Javascript activé. jLabel va vous permettre, comme c’est la mode ces derniers temps, d’encapsuler vos libellés dans leur champs de formulaire respectif. Cliquez sur le titre du billet pour être redirigé sur le site du plugin

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.

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.

 

Ayant utilisé certaines icônes gratuites pour ma carte de visite électronique, j’ai décidé de partager cette ressource avec vous. Pour http://about.angechierchia.com j’ai donc utilisé le pack d’icônes Social Network Icon Pack de Komodo Media, ainsi que le pack d’icônes gratuites de Function.