Labs · Then & now

Then & now.

En 2012, nous les avons dessinés en CSS3 écrit à la main. En 2026, nous les avons redessinés : une fois en HTML & CSS avec tout ce que nous avons appris depuis, et une fois en 3D, sculptés en code avec Blender. Les mêmes sujets, à quatorze ans d’écart.

← Retour aux Labs

Superman

3 versions
Superman en CSS
2012 · Original CSS3 · Réalisé en 1 jour

Superman en CSS

Issu d’une série de super-héros en HTML & CSS.
Superman, version rendue
2026 · Rendu · HTML & CSS

Superman, version rendue

Un portrait très détaillé en pur HTML & CSS : le Superman de 2012, refait.
Superman, 3D
2026 · 3D · Blender & three.js

Superman, 3D

Un buste sculpté en code avec Blender, éclairé en direct dans three.js ; faites-le tourner.

Batman

3 versions
Batman en CSS
2012 · Original CSS3 · Réalisé en 1 jour

Batman en CSS

Issu d’une série de super-héros en HTML & CSS.
Batman, version rendue
2026 · Rendu · HTML & CSS

Batman, version rendue

Un Batman très détaillé en pur HTML & CSS, bat-signal compris.
Batman, 3D
2026 · 3D · Blender & three.js

Batman, 3D

Un buste masqué sculpté en code avec Blender, sur un toit de Gotham sous la pluie ; maintenez pour le bat-signal.

Wolverine

3 versions
Wolverine en CSS
2012 · Original CSS3 · Réalisé en 1 jour

Wolverine en CSS

Issu d’une série de super-héros en HTML & CSS.
Wolverine, version rendue
2026 · Rendu · HTML & CSS

Wolverine, version rendue

Le Wolverine de 2012 en pur HTML & CSS : rictus sous l’orage, griffes SNIKT.
Wolverine, 3D
2026 · 3D · Blender & three.js

Wolverine, 3D

Un buste sculpté en code avec Blender, éclairé en direct dans three.js ; maintenez et les griffes sortent, SNIKT.

Spider-Man

3 versions
Spider-Man en CSS
2012 · Original CSS3 · Réalisé en 1 jour

Spider-Man en CSS

Issu d’une série de super-héros en HTML & CSS.
Spider-Man, version rendue
2026 · Rendu · HTML & CSS

Spider-Man, version rendue

Un masque et un costume tissés de toile à l’heure bleue, en pur HTML & CSS ; lancez une toile.
Spider-Man, 3D
2026 · 3D · Blender & three.js

Spider-Man, 3D

Un buste sculpté en code avec Blender, haut au-dessus de New York au crépuscule ; maintenez pour lancer une toile.

Iron Man

3 versions
Iron Man en CSS
2012 · Original CSS3 · Réalisé en 1 jour

Iron Man en CSS

Issu d’une série de super-héros en HTML & CSS.
Iron Man, version rendue
2026 · Rendu · HTML & CSS

Iron Man, version rendue

Une armure rouge & or polie en pur HTML & CSS, avec un réacteur ARK qui se charge.
Iron Man, 3D
2026 · 3D · Blender & three.js

Iron Man, 3D

Une armure sculptée en code avec Blender ; maintenez pour charger l’unirayon.

Hulk

3 versions
Hulk en CSS
2012 · Original CSS3 · Réalisé en 1 jour

Hulk en CSS

Issu d’une série de super-héros en HTML & CSS.
Hulk, version rendue
2026 · Rendu · HTML & CSS

Hulk, version rendue

Un portrait imposant en pur HTML & CSS : le Hulk de 2012, refait.
Hulk, 3D
2026 · 3D · Blender & three.js

Hulk, 3D

Un buste imposant sculpté en code avec Blender ; maintenez pour le mettre en colère.

R2-D2

3 versions
R2-D2 en CSS
2012 · Original CSS3 · Réalisé en 4 jours

R2-D2 en CSS

Illustration de robot en HTML & CSS.
R2-D2, version rendue
2026 · Rendu · HTML & CSS

R2-D2, version rendue

R2-D2 en pur HTML & CSS sur Tatooine au crépuscule ; maintenez pour qu’il bipe.
R2-D2, 3D
2026 · 3D · Blender & three.js

R2-D2, 3D

R2-D2 en 3D, construit en code avec Blender, sur Tatooine ; maintenez et il bipe en projetant un hologramme.

Game & Watch

3 versions
Game & Watch en CSS
2012 · Original CSS3 · Réalisé en 1 semaine

Game & Watch en CSS

Illustration responsive d’une console portable classique.
Game & Watch, version rendue
2026 · Rendu · HTML & CSS

Game & Watch, version rendue

Un jeu LCD jouable dans trois appareils responsives : Game & Watch, Game Boy, Mini Classic.
Game & Watch, 3D
2026 · 3D · Blender & three.js

Game & Watch, 3D

La console portable modélisée dans Blender avec un écran LCD jouable ; appuyez sur ses boutons ou utilisez les flèches du clavier.