viral post on twitter: billionaires βΉοΈ
viral post on cohost:
I have fit an entire interactive visual novel about Eggbug into the style attribute of this <p> tag 
Don't squeeze me, I fart
- she/her
- dinobird.website/
Things that make you go π€. Weird computer stuff. Artist and general creative type. Occasionally funny. Gentoo on main. I play rhythm games!
.png "Cohost PLUS!")
You can post SVG files like photos on this website! Spread the word!
You must log in to comment.
in reply to @0xabad1dea's post:
I do wonder what the theoretical limit of Cohost's HTML and CSS styling is. With the new :has attribute in CSS there is definitely quite a bit of potential for interactivity by abusing checkboxes, but I haven't been able to find a comprehensive guide to what HTML and CSS cohost allows and what it blocks...
I'm fairly sure it currently only allows inline styles, which means only CSS properties but no selectors and no animations. Not that that seems to be very limiting.
(I do hope we eventually get actual animations and such, since there's no way the inline style abuse is good for client performance.)
I noticed they replace position: fixed with position: static at least, last time I checked. Performance wise, it should be fine unless someone overbloats their style to maximum. Most css performance tarpits (keyword being most) are patched in browsers these days, and the typical "web application" is much more complex style wise than a cohost post.
For actual animations, the primary issue I think is name clashes and the like, not sure how you could say render multiple posts that ask for @keyframes example. Perhaps some approach akin to css modules?
i don't think we're gonna get anything more from cohost, given it's closing down this year
but badidea... you haven't π’
ah yes, the tale of font-family:Comic Sans MS, Comic Sans, cursive;;font-size:40px;background:pink;border-radius: 50%;display: table-cell;padding-top:20px;;padding-left:50px;padding-right:50px; transform: rotate(15deg);text-shadow: 2px 2px skyblue;, it's very interactive and visual