L’effet « trail » d’images

•••

L’effet « trail » est une autre tendance du développement web qui, bien que techniquement complexe, apporte une dimension interactive aux sites. J’ai voulu l’explorer en créant une grille interactive où des images suivent votre curseur ou votre doigt, formant une traînée visuelle captivante. Ce que vous voyez en haut de page c’est une grille ou chaque cellule […]



ASCII Camera filter experiment

•••

l’ASCII est une trend du développement web, bien qu’il s’agisse d’une techno ancienne. Cette tendance invite tous les dev à explorer de nouvelles façons de jouer avec les codes et les conversions ASCII, ce qui est particulièrement intéressant pour comprendre l’utilisation de la caméra et des filtres avancés dans les applications web. Chaque développeur, dont […]



Un livre de code un peu vintage ?

•••

Aujourd’hui on m’a envoyé le super real d’un livre de code (un peu) vintage. Il combine mathématique et code, donne des formes et paternes plus qu’interessant, et surtout, il à été rédigé avant ma naissance !!!!! Welcome dans le monde de Jean-Paul Delahaye avec les « Nouveaux dessins géométriques et artistiques avec votre micro-ordinateur ». Allons voir […]



Cubes explosifs pour la rentrée

•••

Pour cette rentrée 2025, j’avais envie de m’amuser avec une cover d’accueil plus fun et interactive où les cubes prennent vie? Le Cube Central, au cœur de la page, réagit à vos clics et vos mouvements de souris, explosant en confettis au clique, puis regonflant ou renaissant. Ah oui, j’ai aussi fait en sorte que […]



Afficher le moment de la journée selon l’heure de notre ordinateur

•••

Ce serrait marrant qu’avec l’heure de notre ordinateur on puisse afficher un gif correspondant pour mettre une page web aux couleurs de ce que vous pouvez voir dehors. Si tu reviens plus tard dans la journée l’image du codepen changera Experience de ce code: Afficher l’heure locale et changer automatiquement l’image affichée selon le moment […]



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





back home