{
  "$type": "site.standard.document",
  "description": "A 2023 take at an adaptive CSS logo, thing.",
  "path": "/a-css-logo-thing",
  "publishedAt": "2023-01-18T05:42:51.246Z",
  "site": "at://did:plc:jnj7wcwuvspxdsipmecmx7rs/site.standard.publication/self",
  "tags": [
    "blog",
    "css"
  ],
  "textContent": "A not so serious pair of logos about CSS. Randomly created, but the final \"thing\" is definitely working in some ways. I think? Fun attributes: playful use of boxes uses the system font (def looks different on my machine 😉) light / dark theme adaptive resize adaptive position in CSS 3D perspective no position absolute Regrts: not loading a font? trying harder to use skew() no accessibility testing not using container queries somehow sticking to system colors Dramatic glowy # Neat-ish. Take away the glow and it still stands. See the Pen by Adam Argyle ( @argyleink ) on CodePen . Cube marquee # See the Pen by Adam Argyle ( @argyleink ) on CodePen . Where did these come from? # I saw a brand do something similar with different letters, and I imagined CSS could do something really similar, but its way. CSS is about making boxes , a CSS logo could make a box. Then I wanted it to be adaptive to color, resize, more… and well its been fun, but I kinda wanna pass the torch. See what some forks can do? :wink wink: STEAL THIS! Use this wherever you want; no restrictions. There's some neat opportunities for 3D rotating on the transform of .cube ; accelerometer or mouse position much? Does CSS need a new big 4 instead? 😉",
  "title": "A CSS logo‽"
}