Martin Mastodon
All das ist nur mit CSS gebaut - Was is hier eigentlich los All das ist nur mit CSS gebaut - Was is hier eigentlich los

All das ist nur mit CSS gebaut

All das ist nur mit CSS gebaut | Nerd-Kram | Was is hier eigentlich los?

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

All das ist nur mit CSS gebaut | Nerd-Kram | Was is hier eigentlich los?

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

PGRpdiBjbGFzcz0iX2JybGJzLWZsdWlkLXdpZHRoLXZpZGVvLXdyYXBwZXIiPjxpZnJhbWUgbG9hZGluZz0ibGF6eSIgd2lkdGg9IjkwMCIgaGVpZ2h0PSI1MDciIHNyYz0iaHR0cHM6Ly93d3cueW91dHViZS1ub2Nvb2tpZS5jb20vZW1iZWQvMkI1cmJzT29JVUU/cmVsPTAmYW1wO3Nob3dpbmZvPTAiIGZyYW1lYm9yZGVyPSIwIiBhbGxvd2Z1bGxzY3JlZW4+PC9pZnJhbWU+PC9kaXY+

All das ist nur mit CSS gebaut | Nerd-Kram | Was is hier eigentlich los?

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

PGRpdiBjbGFzcz0iX2JybGJzLWZsdWlkLXdpZHRoLXZpZGVvLXdyYXBwZXIiPjxpZnJhbWUgbG9hZGluZz0ibGF6eSIgd2lkdGg9IjkwMCIgaGVpZ2h0PSI1MDciIHNyYz0iaHR0cHM6Ly93d3cueW91dHViZS1ub2Nvb2tpZS5jb20vZW1iZWQvQ0dfX040U1MxRmM/cmVsPTAmYW1wO3Nob3dpbmZvPTAiIGZyYW1lYm9yZGVyPSIwIiBhbGxvd2Z1bGxzY3JlZW4+PC9pZnJhbWU+PC9kaXY+

Wie schnell die eigenen Erfolge da schon wieder lächerlich wirken, ein Wahnsinn.

Über Martin

Technikbegeistert und immer auf der Suche nach spannenden, beeindruckenden und/oder lustigen Themen schreibt Martin neben seinem Hauptberuf täglich mehrere Artikel für wihel.de. Oder wie er es beschreibt: Andere teilen ihre Internetperlen lediglich mit ihren Freunden, wir teilen Sie mit allen, die es interessiert. Alle Beiträge von Martin ansehen.

Sag was dazu!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Abo ohne Kommentar

Bei Kommentar-Abgabe werden angegebene Daten sowie IP-Adresse gespeichert und Cookies gesetzt (öffentlich einsehbar sind - so angegeben - nur Name, Website und Kommentar). Alle Datenschutz-Informationen dieser Website gibt es hier zu sehen.
Kommentare werden standardmäßig moderiert. Dein Kommentar erscheint erst, wenn er freigegeben wurde.

Ping & Trackbacks

Webmentions

  1. LangweileDich.net 🥱 hat diesen Beitrag auf twitter.com geliked.

  2. Programmieren mit Chris hat diesen Beitrag auf twitter.com geliked.

  3. Lulu Be hat diesen Beitrag auf twitter.com geliked.

WEG MIT
§219a!