Calendriers HTML et Javascript : Maîtrisez l'art de l'affichage compact et polyvalent

Le 12/11/2015

Dans Inspiration

La création de calendrier en HTML et Javascript, ce n'est pas simple ! Compacts pour afficher le maximum d'informations dans le minimum d'espaces tout en restant clair et exhaustif, suffisamment souple pour s'adapter à tous les supports malgré des besoins légèrement différents pour chaque format, les pré-requis d'un bon calendrier sont nombreux.

Pour vous aider à créer votre propre calendrier remplissant tous ces critères, je vous propose de découvrir cette liste d'une dizaine de calendriers en HTML/CSS/JS. Mention spéciale au premier de la liste, qui se paye le luxe de ne pas utiliser de Javascript pour cette démo.

En bonus, découvrez aussi cette date et heure en binaire, qui n'est certes pas un calendrier et ne mérite donc pas de figurer dans la liste, mais qui vaut vraiment le coup d'oeil tout de même.

Calendriers et événements

 

Note : comme vous pouvez le voir, Codepen propose maintenant d'insérer les pens en mode preview, pour éviter de tuer les ordinateurs affichant un page un peu chargé. N'hésites pas à donner votre avis sur ce mode d'insertion dans l'article en commentaire, s'il ne plaît pas à trop d'entre vous je repasserais au format images.