Perte de signal, TV noises #404
Exemple de page 404. Perte de signal, javascript pour imiter la perte de signal d’un moniteur télé, bruit de télé cathodique. Voir le codepen : https://codepen.io/quentindigital/pen/xxPwKOK
Exemple de page 404. Perte de signal, javascript pour imiter la perte de signal d’un moniteur télé, bruit de télé cathodique. Voir le codepen : https://codepen.io/quentindigital/pen/xxPwKOK
Je n’avais encore jamais pris le temps d’essayer de créer un tel effet, afficher les images durant le déplacement de la souris et les laisser disparaitre de façon fluide, on appelle ça un trail effect. Un trail effect, c’est aussi la passion de beaucoup de photographes pour les pauses longues dans le ciel étoilé afin […]
L’experimentation du jour est à propos des progress bar que l’on voit un peu partout sur la toile. J’ai voulu mettre en place une barre de progression horizontale et une verticale avec un pourcentage de progression, un peu de JS pour faire tourner le tout et une grande page pour le tester. Voir la page […]
Jour27 de mon auto-challenge, aujourd’hui on va traiter un classique que je voulais reproduire pour l’exposer à une cliente, un carousel grandement inspiré du Lay Theme Carousel. Un carousel (ou slider), inspiré du Lay carousel et réalisé avec l’aide de slick.js. J’ai rendu le carousel simple: une image visible à la fois, un effet de […]
Jour 26, un peu de fun avec le jeu de nos enfances, le jeu qui nous a valu plusieurs mises en garde de nos profs de français. Ces profs qui ne comprenaient pas que quelques pixels pouvaient se transformer en passions où 20 ans plus tard, nous feraient le jour 26 de l’auto-challenge coder ce […]
(édité le Lundi 21 mars 2021) Jour 25, j’aime beaucoup les sites où au survol des liens on peut apercevoir les projets qui vont suivre. J’expérimente sur cette page l’idée d’images qui se voient à l’hover du lien et qui suivent le curseur de notre souris (fonction follow mousse avec javascript). L’effet d’image qui suit […]
Jour 24, transformer nos liens, les changer au passage de notre souris, changer la typo, la couleur, la taille est facile avec le css, mais lui donner un effet de flippe. Voici un menu qui « flippe » de font au passage de votre souris :quentinrenaux.com/xp/1day1code/D24-link-hover-interaction/
Jour 23, j’ai voulu jouer avec le scroll de nos navigateurs, Pourquoi ne pas scroller vers le haut plutôt que le bas? et finalement ne scrolle-on pas en rond tout au long de notre aventure internet. Voici une representation de cette idée autour du decoupage de 4 de mes têtes, histoire de ne pas être […]
Jour 22: Je suis dans le web GL qui est une specification d’interface de programmation permettant d’implementer de la 3D dans des pages web. Sans grande prise de tête pour prendre le code en main, je regarde ce qui peut se passer avec des gradient en background animé dans notre canvas, le tout grace à […]
Jour 21 : Retour à Paris, klaxons et compagnie, reprise des bases. Pour le premier code j’ai voulu fouiller un nouveau framework dont je n’avais pas encore ouvert les portes OGL (pour experimenter des effects qui utilise la 3D), et comme tout bonnement la premiere fois on ne connait pas il faut regarder les autres: […]