All das ist nur mit CSS gebaut

1 Minute Lesezeit

Im Grunde arbeite ich in einem Fullstack-Team, was sehr angenehm ist, weil wir dadurch recht unabhängig Projekte und Tools umsetzen können. Allerdings ist das auch gar nicht so fullstack-ig unterwegs, denn in Sachen Frontend sind wir maximal mit Basis-Fähigkeiten ausgestattet. Das hat bisher ausgereicht, verhindert aber auch, dass wir ab und an mal richtig zaubern können.

Das zeigt sich immer dann ein bisschen deutlicher, wenn ich – als Nicht-Entwickler – auch mal im Code rumwühle. Würde ja immer behaupten, dass das ganz großer Quatsch ist, was ich da mache (definitiv ist es aber häufig unnötiger Quatsch), aber rein vom visuellen Resultat her hat sich noch keiner beschwert. Hat aber auch kaum jemand in den Code geschaut.

Und was man an dieser Stelle auch sagen muss: Das liegt oft nicht an mir, sondern daran, dass CSS mittlerweile recht mächtig geworden ist. Grundlegend kümmert es sich natürlich noch immer nur darum, wie etwas wo aussieht, aber mittlerweile habe ich schon Kniffe angewendet, die ich a) alle wieder vergessen hab und b) vor ein, zwei Jahren so noch gar nicht möglich gewesen wären.

Was ich meine, zeigt Kevin Powell nachfolgend – denn all das, was wir da so sehen, ist rein mit CSS gebaut. Und ja, das wirkt tatsächlich wie Voodoo, selbst für Leute, die ein bisschen mehr Ahnung vom Programmieren haben (womit ich mich direkt schon wieder ausschließe):

People say I’m the king, but like… yeah this stuff is insane 😅

The codepen that inspired this video: https://codepen.io/amit_sheen/full/abBgWvJ
Make sure to check out Amit Sheen’s CodePen profile, I could do an entire video like that just looking at his stuff: https://codepen.io/amit_sheen

If you’d like to learn how 3D stuff is done with CSS, Amit Sheen showed me the ropes in building a 3D, rotating cube with a bouncing ball on top of it: https://youtu.be/NdftnCDwKaU