🔥 Well this is fancy! A pixellated Mario made out of (real!) <input type="checkbox"> elements. Uses the new `accent-color` CSS property.
Check out the code on CodePen:codepen.io/shshaw/pen/bGR…l
Created by@shshaww, discovered in the@FrontendHorsee newsletter!4
Have we actually solved anything?
Well, the front end now assumes this Web Component initialization, which is yet another assumption. Potentially an even bigger assumption than the CSS was.
But it's less conflict-y!
The fact that the CMS is offering this feature makes some pretty big assumptions!
There needs to be HTML & CSS in place that make this layout happen. ⚠️ BOTH in the CMS itself and where the content it consumed.
We're talking something like this at a minimum.
Can we actually use structure and classes exactly like that? The structure seems fine, but the class names are a little generic for a headless CMS. A generic CMS would want to namespace them in some way to not risk collisions with an arbitrary front end.
GERGE: hey can u spot me for lunch? Im a little short on cash
JERY: what happened i thought u bought the dip!
GERG: I did! but then it dipped again
JERY: it double dipped?
GERGE: I DOUBLE DIPPED THE CRYPT
[taco bell] may I take your order?
[me, the mayor, a man of the people]: yes gimme whatever the car in front of me ordered and whatever you think the car behind me is likely to order.
[taco bell] (salutes me while eagle flies by)