Timothée Guignard

Javascript, UI, UX. Exploring those worlds and sharing about it.

[Timothée Guignard @TimGuignard]

@ipwanciu I am at about 75%, but i answered half 🙋‍♂️
How’s ever I kinda force myself to read what’s been done, especially unit test. It’s not easy and not always the case.
Clicking approve is sometimes very tempting.

[Timothée Guignard @TimGuignard]

@shadcn It means ai use your tool by default. I guess it’s nice?

[Timothée Guignard @TimGuignard]

@ipwanciu @zeddotdev We storm has very good UI and features that I can’t find anywhere else without installing plugin:
- git tree is really nice
- command configuration
- change list

Basically those three are very simple and nice. I guess they exists in other IDE but I’ve never really search for it

[Timothée Guignard @TimGuignard]

@_smontlouis J’ai testé un truc similaire, avec une étape intermédiaire de storyboard sur figma.
Ça pense d’affiner le rendu je trouve

[Timothée Guignard @TimGuignard]

@thismacapital J’aime bien les 2.
Opus ajoute des vrais images, ça rend bien.
Mais j’aime aussi l’avion qui parcours la carte du monde dans fable.

[Timothée Guignard @TimGuignard]

Now the same one, the code has been done separatly, and I basically just asked to animate it. (so instead of a video screenshot, it used the code)

[Timothée Guignard @TimGuignard]

Just tested Claude Opus 5.5 with Hyperframes.
One prompt (also generated), the result is ok. Not crazy, but with a few more indications and a clear direction, it would probably get much nicer.

The video below is actually a screen record.

[Timothée Guignard @TimGuignard]

Just tested Claude Opus 5.5 with Hyperframes.
One prompt (also generated), the result is ok. Not crazy, but with a few more indications and a clear direction, it would probably get much nicer.

The video below is actually a screen record.

[Timothée Guignard @TimGuignard]

@FedeZicarelli Yes, that’s true. But I just tested it and that’s so fast… I guess with few agent and skills you can make it nice.

It’s a little bit like old photoshop tutorials with effects that ended up everywhere.

[Timothée Guignard @TimGuignard]

I made it available on @CodePen as well: https://t.co/vkEHSAkLTD

[Timothée Guignard @TimGuignard]

Not exactly the same, but pretty close.
100% CSS

[Timothée Guignard @TimGuignard]

@Bart_Mol Same feeling. What’s the point of doing this now?

[Timothée Guignard @TimGuignard]

Not exactly the same, but pretty close.
100% CSS

[Timothée Guignard @TimGuignard]

I’m getting a bit too much into CSS scroll driven animations right now. This effect is easily achievable without any JavaScript.

The only behavior where it’s needed is when you need to recenter the tab. Can’t find a solution without JS.

[Timothée Guignard @TimGuignard]

Continuing to explore CSS scroll-driven animation.

Just a few lines of code to be able to animate an element based on his parent positions

[Timothée Guignard @TimGuignard]

@arofx1 Propre l’explosion du gâteau au début, vraiment cool

[Timothée Guignard @TimGuignard]

@onzeXBT Pour moi ça mérite une page à part entière.
Pas en bas de la faq.

[Timothée Guignard @TimGuignard]

I’m getting a bit too much into CSS scroll driven animations right now. This effect is easily achievable without any JavaScript.

The only behavior where it’s needed is when you need to recenter the tab. Can’t find a solution without JS.

[Timothée Guignard @TimGuignard]

This effect that gives a 3D perspective when you close it is excellent

[Simbao @lixinbao_X]

iPhone duo 真机上手体验

这交互动画像透明一样

但是还是能摸到一点点折痕的

[Timothée Guignard @TimGuignard]

@youkyi Sans parler du bug d’animation, les icônes sur fond de cette couleur avec bordure arrondie, ça fait vraiment IA bas de gamme. Dommage, ça représente quand même la France

[Timothée Guignard @TimGuignard]

That's available on @CodePen at https://t.co/k6CgYehlDz

[Timothée Guignard @TimGuignard]

Some research on CSS scroll-driven animations.
Possibilities are huge. Here is a carousel without any css.
Works on horizontal scroll and on mobile.
Very easy to implement as well, it’s basically

[Timothée Guignard @TimGuignard]

@araylW Je crois que c’est vers quoi on se dirige, qu’on le veuille ou non. Autant se préparer tout de suite. Je trouve ça très bien que les profs l’enseigne, j’aurais pas été étonné de l’inverse.

[Timothée Guignard @TimGuignard]

CSS keyframes animations, driven by some animations properties and scroll behaviors.

[Timothée Guignard @TimGuignard]

Some research on CSS scroll-driven animations.
Possibilities are huge. Here is a carousel without any css.
Works on horizontal scroll and on mobile.
Very easy to implement as well, it’s basically