28
NOV

Calendario - Un plugin jQuery de calendrier design et responsive

Publié le 28/11/12 à 09h34 par DJo

Calendario est un plugin jQuery permettant de créer un calendrier dynamique au look très sympa et compatible responsive webdesign.

Calendario est un plugin jQuery permettant de créer un calendrier dynamique au look très sympa et compatible responsive webdesign.

Nos collègues de Codrops ont encore frappé fort avec ce nouveau calendrier jquery qui va être utile à plus d'un.

Calendario est un plugin jQuery permettant de mettre en place facilement un calendrier ou agenda d'évènements sur votre site web.

Il peut être totalement personnalisé comme le montre les deux versions de démo proposées par leur auteur.

Calendrier jQuery design et responsive Calendrier jQuery design et responsive - version mobile

Une version dédiée aux écrans larges et tablettes, ainsi qu'une version plus adaptée aux écrans mobiles. Tous les évènements peuvent être importés facilement à partir d'un JSON. Donc vous pourrez très bien le coupler à un appel Ajax pour que le tout soit administrable dynamiquement.

Une autre version plus design du calendrier avec des effets sympa au clic sur les évènements est aussi proposée:

Calendrier jQuery design avec overlay des évènements Calendrier jQuery design avec overlay des évènements

Cette version aussi d'adapte parfaitement aux différentes résolutions d'écran.

Côté utilisation, vous déclarez une div avec un ID spécifique, puis vous appelez le script:

$( '#calendar' ).calendario();

De nombreuses options et méthodes vous permettront d'étendre les fonctionnalités et personnaliser votre calendrier (Traduction des mois / jours, jour de début de la semaine ...).

Ne pas oublier d'insérer le CSS qui va bien pour donner du style à votre calendrier. Il est bien sûr possible de réutiliser celui des exemples pour gagner du temps.

Un joli plugin qui n'est malheureusement pas compatible avec tous les navigateurs car il utilise la méthode calc().

 

Site Officiel

Personne n'a baraguiné de chtite phrase pour le moment !


Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Connexion avec Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web