< if tag display title = experiments />

Moon Phase exercice

Afficher les phases de la lune et savoir quand sera la prochaine pleine lune, grace à un calcule des phases. voir le codepen



Mouvements aléatoires et ailes, #perspective

Dans le but de crée le mouvement d’ailes au dos d’une silhouette png sur l’accueil de shine 4 women, j’ai joué avec les animations css de transform perspective. Code pen de l’experimentation: See the Pen Perspective CSS Animation by Quentin Digital (@quentindigital) on CodePen.



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



Profil picture

Un nouvel exercice permettant de faire réagir une carte ou une div à la souris donc uniquement de l’ordinateur, la souris repousse la div et crée un effet de 3D. C’est un trick bien connu et j’avais envie de partager une satire de la Profil picture en réutilisant ce code dans le vide d’une nouvelle […]



Player Radio

Ca fait du bien de rallumer la radio. surtout quand tu sais que des personnes prennent le temps de peaufiner des playlists pour quelles jouent 24h sur 24h. Octave Radio est un site de création de radios pour des lieux, restaurants, boutiques, piscines… J’ai réalisé un lecteur qui pourrait nous faire penser à la forme […]



Trail effect images load

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 […]



New radio bouton

La mini experimentation HTML du jour ajoute un bouton RADIO à l’accueil de mon site mais surtout me permet d’essayer le rendu de video full screen et en loop à l’arrière d’un lecteur classique Embed de Mixcloud. Voir la page RADIO n°1 ici : quentinrenaux.com/radioAvec un mix de Basma la Co fondatrice de Mauvais Magazine



barre de progression

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 […]



Fun avec Snake

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 […]



Image hover effect link

(é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 […]