Labs · Toen & nu

Toen & nu.

In 2012 tekenden we deze in handgeschreven CSS3. In 2026 tekenden we ze opnieuw: één keer in HTML & CSS met alles wat we sindsdien hebben geleerd, en één keer in 3D, in code geboetseerd met Blender. Dezelfde onderwerpen, veertien jaar uit elkaar.

← Terug naar Labs

Superman

3 versies
Superman in CSS
2012 · CSS3-origineel · Gemaakt in 1 dag

Superman in CSS

Uit een reeks superhelden in HTML & CSS.
Superman, gerenderd
2026 · Gerenderd · HTML & CSS

Superman, gerenderd

Een gedetailleerd portret in pure HTML & CSS: de Superman van 2012, opnieuw gemaakt.
Superman, 3D
2026 · 3D · Blender & three.js

Superman, 3D

Een buste, in code geboetseerd met Blender, live belicht in three.js; sleep om te draaien.

Batman

3 versies
Batman in CSS
2012 · CSS3-origineel · Gemaakt in 1 dag

Batman in CSS

Uit een reeks superhelden in HTML & CSS.
Batman, gerenderd
2026 · Gerenderd · HTML & CSS

Batman, gerenderd

Een gedetailleerde Batman in pure HTML & CSS, inclusief bat-signal.
Batman, 3D
2026 · 3D · Blender & three.js

Batman, 3D

Een buste met kap, in code geboetseerd met Blender, op een dak in Gotham in de regen; houd ingedrukt voor het bat-signal.

Wolverine

3 versies
Wolverine in CSS
2012 · CSS3-origineel · Gemaakt in 1 dag

Wolverine in CSS

Uit een reeks superhelden in HTML & CSS.
Wolverine, gerenderd
2026 · Gerenderd · HTML & CSS

Wolverine, gerenderd

De Wolverine van 2012 in pure HTML & CSS: grauwen bij bliksemlicht, SNIKT-klauwen.
Wolverine, 3D
2026 · 3D · Blender & three.js

Wolverine, 3D

Een buste, in code geboetseerd met Blender, live belicht in three.js; houd ingedrukt en de klauwen schieten SNIKT naar buiten.

Spider-Man

3 versies
Spider-Man in CSS
2012 · CSS3-origineel · Gemaakt in 1 dag

Spider-Man in CSS

Uit een reeks superhelden in HTML & CSS.
Spider-Man, gerenderd
2026 · Gerenderd · HTML & CSS

Spider-Man, gerenderd

Een webmasker en -pak in het blauwe uur, in pure HTML & CSS; schiet een web.
Spider-Man, 3D
2026 · 3D · Blender & three.js

Spider-Man, 3D

Een buste, in code geboetseerd met Blender, hoog boven New York in de schemering; houd ingedrukt om een web te schieten.

Iron Man

3 versies
Iron Man in CSS
2012 · CSS3-origineel · Gemaakt in 1 dag

Iron Man in CSS

Uit een reeks superhelden in HTML & CSS.
Iron Man, gerenderd
2026 · Gerenderd · HTML & CSS

Iron Man, gerenderd

Gepolijst rood & goud harnas in pure HTML & CSS, met een arc reactor die oplaadt.
Iron Man, 3D
2026 · 3D · Blender & three.js

Iron Man, 3D

Hard-surface harnas, in code geboetseerd met Blender; houd ingedrukt om de unibeam te laden.

Hulk

3 versies
Hulk in CSS
2012 · CSS3-origineel · Gemaakt in 1 dag

Hulk in CSS

Uit een reeks superhelden in HTML & CSS.
Hulk, gerenderd
2026 · Gerenderd · HTML & CSS

Hulk, gerenderd

Een torenhoog portret in pure HTML & CSS: de Hulk van 2012, opnieuw gemaakt.
Hulk, 3D
2026 · 3D · Blender & three.js

Hulk, 3D

Een torenhoge buste, in code geboetseerd met Blender; houd ingedrukt om hem kwaad te maken.

R2-D2

3 versies
R2-D2 in CSS
2012 · CSS3-origineel · Gemaakt in 4 dagen

R2-D2 in CSS

Robotillustratie in HTML & CSS.
R2-D2, gerenderd
2026 · Gerenderd · HTML & CSS

R2-D2, gerenderd

R2-D2 in pure HTML & CSS op Tatooine in de schemering; houd ingedrukt om te piepen.
R2-D2, 3D
2026 · 3D · Blender & three.js

R2-D2, 3D

R2-D2 in hard-surface 3D, in code gebouwd met Blender, op Tatooine; houd ingedrukt en hij piept en projecteert een hologram.

Game & Watch

3 versies
Game & Watch in CSS
2012 · CSS3-origineel · Gemaakt in 1 week

Game & Watch in CSS

Responsieve illustratie van een klassieke handheld.
Game & Watch, gerenderd
2026 · Gerenderd · HTML & CSS

Game & Watch, gerenderd

Eén speelbare lcd-game in drie responsieve toestellen: Game & Watch, Game Boy, Mini Classic.
Game & Watch, 3D
2026 · 3D · Blender & three.js

Game & Watch, 3D

De handheld, gemodelleerd in Blender met een speelbaar lcd-scherm; druk op de knoppen of gebruik de pijltjestoetsen.