Zum Inhalt springen

Archiv für "codepen"

Weihnachtszeit, Dekozeit

Hohoho.

Ich habe mir gestern und heute endlich mal wieder Zeit für die Renovierung der Bloghütte hier nehmen können und als Resultat gibt es nun, frisch von der Webdeveloperquengelwarenauslage: Die Webrocker-Headergrafik ist nun mit SVG realisiert und die Hauptnavigation habe ich von float auf Flexbox umgebaut. Ha!

Warum, fragt sich der werte Blogbesucher, sieht doch fast genauso aus wie vorher.
Jahaa, sagt der bescheidene Blogbesitzer, aber unter der Haube ist das nun weniger Code (die Lösung vorher war ehrlich gesagt sehr an den Haaren herbeigezogen, auch wenn es so als Experiment schon cool war, die Grafik komplett ...

CSS Basics

Pfft. Da macht man (ich) seit Jahren, fast Jahrzehnten, mit diesem CSS-Zeugs rum, denkt, dass man den Krams eigentlich ganz gut verstanden hat und im Griff hat. Klar, manchmal passieren komische Sachen, die man nicht so direkt versteht oder nachvollziehen kann, dann stochert man ein bisschen rum, sucht sich ähnliche Probleme und/oder Hinweise zusammen, fixt den Kram oder lässt von der konkreten Idee ab und nimmt einen anderen Weg zum Ziel. Und dann gibt es so AHA Momente, meistens völlig unerwartet und ohne Vorwarnung -- einen solchen hatte ich heute früh, als mir Jens Linksammlung durch die Morgentimeline ...

Kurzer Reminder

Intelligenz. Anstand. Nazi. - Pick two.

Der Mob tobt in Deutschland.

Wer auch nur einen Funken Empathie besitzt, muss sich dem entgegenstellen.

See the Pen KpGvap by Tom (@webrocker) on CodePen.

3D Cube in CSS

CSS - Cascading Style Sheets - has come a long way from being the "paint" on HTMLs structure. In the relativly short span of one afternoon I was able to create a threedimensional cube, that, with a little help of some JavaScript glued onto some input fields, can be rotated along its X-, Y-, and Z-axis. Wowsy.

See the Pen CSS 3D cube by Tom (@webrocker) on CodePen.