Here's my codepen around a neat and simple css grid 12 columns layout system I am currently testing / playing around with in different content management systems: It is all very brief and rough around the edges, but I am already stoked how the combination of inline-style css custom properties style="--span:6" and template-column: span var(--span)…
Archiv für "codepen"
WebrockerThe Layers Of The Web
Jeremy Keith's talk at Beyond Tellerrand Berlin 2019 about the "layers of the web" (be sure to watch this!) inspired me to a quick css animation experiment on codepen: See the Pen Web Layers Of Pace by Tom (@webrocker) on CodePen. Be sure to look at it in the full screen mode, the thing currently…
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…
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…
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…