Au programme de cette nouvelle semaine : de quoi animer des checkbox, un beau site pour votre inspiration, une expérimentation avec une mignonne petite pieuvre animée, un mini site qui met en avant les éléments en commun d’un site avec un Awwwards et pour finir un petit jeu pour occuper vos soirées.

Animer des checkbox en CSS

checkbox.css est une petite bibliothèque pour animer vos checkbox en CSS3. Il y a 12 animations différentes, certaines très simples et d’autres plus complexes.

A tester et télécharger par là : https://720kb.github.io/checkbox.css/

Beau site : Type Terms

Il s’agit d’un site qui présente (en anglais) toute la terminologie autour de la typographie. Hormis son contenu, son webdesign est soigné et très intuitif. L’explication de chacun des éléments est illustrée avec une petite animation avec du SVG.

Pour voir le site Type Terms : https://www.supremo.tv/typeterms/

Une pieuvre animée tout en CSS

Une mignonne petite pieuvre pour votre inspiration qui a été animée uniquement en CSS.

See the Pen Octopus by The Suitcase (@thesuitcase) on CodePen.0

De quoi sont faits les sites qui ont un AWWWARDS ?

Le site awwwards récompense tous les jours un site internet suite aux votes d’un jury. Mais quels sont les points communs de ces sites ? L’auteur de ce site a mis en avant les technologies et les bibliothèques utilisées de 100 sites qu’il a analysés.

A lire ici : https://ihatetomatoes.net/awwwards/

Un jeu pour passer le temps

Voilà un petit jeu avec 61 puzzles à faire qui m’a bien occupé. Il a été fait en JavaScript. Disponible sur CodePen, il vous est possible d’étudier son code, et de s’amuser un peu.

See the Pen Cub n Pup – puzzle game demo by David DeSandro (@desandro) on CodePen.0

Si vous en voulez plus, n’hésitez pas à me suivre sur Facebook et sur Twitter