CSS Abuse and HTML Tryhard
My HTML and CSS works are growing, and they're not all in the tutorial series (though honestly, a lot of my regular fics [not in this collection] have snippets of CSS in their notes, outlining and explaining quick little bits of computer magic used for an offhand effect [not being the focus of the work] in some chapter), but I figured that collecting the particularly CSS-heavy or *-related works (tutorials, demos, games, etc.) into one spot might be useful for readers and researchers, so... here they are, all in One Big Happy — ENJOY! 😁
Tutorials, QRLs (Quick Reference Lists), demos, [playable] games.
(Closed, Moderated)
Random works
-
A year-long AO3 overall traffic analysis by Charles_Rockafellor, 𝖀𝓷ᶦ𝕔ⓞðə E Ⓜ️🅾️j̵͍̟̝̝̖̮̓ͭͨ̂̐̚ℹ️ (Charles_Rockafellor)
Fandoms: AO3
31 Mar 2024
Tags
Summary
Where the previous meta looked at how to find one's own fics' traffic pattern, this meta looks at all of AO3 for a year of 48/7 half-hourly data in 5+1 variables (total {bookmarks, works, comments, hits [and my own works' hits for comparison and contrast], and kudos}), tells how they were obtained, drawing traffic pattern conclusions from these.
Tables' and graphs' foci are the peaks and troughs of the mean average day (in 30 minute increments) and changes over the mean average week, with links to some years of AO3's own data.
As well, some observations and caveats are made regarding the fluctuations, the holidays, and similar minutiae — a traffic report trying to disguise itself as not-a-weather-forecast. 😉
NB for transparency to avoid misleading: AO3's 48/7 uploads 366 days; AO3's 48/7 bookmarks 298d; and AO3's 48/7 comments, hits, and kudos 295d; my own works' hits 366d of daily tally and 352d of 48/7.
I read, appreciate, and reply to all of your comments — they're always welcome!
𝑫𝒐𝒏'𝒕 𝒇𝒐𝒓𝒈𝒆𝒕 𝒕𝒐 𝑳𝒊𝒌𝒆, 𝑺𝒉𝒂𝒓𝒆, 𝒂𝒏𝒅 𝑺𝒖𝒃𝒔𝒄𝒓𝒊𝒃𝒆! ❤️
Series
- Part 4 of How to
-
Userscript to add Series [Public] Bookmarks total count to author's stats page by 𝖀𝓷ᶦ𝕔ⓞðə E Ⓜ️🅾️j̵͍̟̝̝̖̮̓ͭͨ̂̐̚ℹ️ (Charles_Rockafellor)
Fandoms: AO3 stats - Fandom
04 Jan 2026
Tags
Summary
It's bugged me vaguely for years, though never enough that I really cared... but it hit me last night: if JS can do one thing, such as return the special kudos messages to their days of tailored glory, then it can do another, so... yeah, why not?
If you want to see your series' total number of public bookmarks in your stats page: you got it! ❤️
NB: Cf. Userscript to return tailored kudos thanks' and styled comments' visibility client-side re. CSS to return
overflowandsticky, or link for same as a userscript.Full code included.
-
Green Rain font, from The Matrix by Charles_Rockafellor, 𝖀𝓷ᶦ𝕔ⓞðə E Ⓜ️🅾️j̵͍̟̝̝̖̮̓ͭͨ̂̐̚ℹ️ (Charles_Rockafellor)
Fandoms: The Matrix (Movies)
02 Apr 2023
Tags
Summary
This gives you the CSS and HTML necessary to present a somewhat passable but rather primitive and
staticDYNAMIC emulation of the “green rain” / “digital rain” of The Matrix. Webkit is included for lead symbols' outline, in order to sharpen the contrast.A dynamic one could be faked nicely with .gifs (AO3 can run Doom, after all), but you can't (by T.o.S.) use Javascript within AO3 (not sure about T.o.S. w.r.t. external), so an actually dynamic font seems a little out of reach for now. But that's OK: 27 Nov 2023 I found a workaround for a dynamic background.
Full code and illustrations are included.
I read, appreciate, and reply to all of your comments — they're always welcome! 🙂
𝑫𝒐𝒏'𝒕 𝒇𝒐𝒓𝒈𝒆𝒕 𝒕𝒐 𝑳𝒊𝒌𝒆, 𝑺𝒉𝒂𝒓𝒆, 𝒂𝒏𝒅 𝑺𝒖𝒃𝒔𝒄𝒓𝒊𝒃𝒆! ❤️
Series
- Part 10 of How to
-
Olive Pine Moon site skin theme by 𝖀𝓷ᶦ𝕔ⓞðə E Ⓜ️🅾️j̵͍̟̝̝̖̮̓ͭͨ̂̐̚ℹ️ (Charles_Rockafellor)
Fandoms: Site Skin - Fandom
03 May 2026
Tags
Summary
This theme uses an olive tone as its basis, and was built at the request of a Redditor.
It requires ravenothere's Closer to Home BASE site skin in order to function.
-
How to AO3 by Charles_Rockafellor, 𝖀𝓷ᶦ𝕔ⓞðə E Ⓜ️🅾️j̵͍̟̝̝̖̮̓ͭͨ̂̐̚ℹ️ (Charles_Rockafellor)
Fandoms: AO3
24 Sep 2023
Tags
Summary
New to AO3 (or even not so new)? Have questions? Dazed and confused?
...do your notes in chapter one stay stuck to the most recent last chapter? 😉
Does your chewing gum lose its flavor on the bedpost overnight?
Start here.🙂 DON'T PANIC ! 🙂
This is a beginner's guide / primer / introduction for readers and writers (possibly better titled “Guide to the Archives”, as someone suggested on Facebook — though that makes me feel like Virgil to some Dantean cerchio or bolgia, prompting me to think instead “Guìdo della archivio” [my 13-14c Genoan is a bit rusty, seriously, so I hope that I got that right]). My later tutorials in this series cover somewhat more advanced stuff, but I've seen so many people (sometimes long-timers) in need of the basic stuff that I finally decided to write this.
One Stop Shop-'n'-Drop? Not quite, but it explains a lot of things that you might not find easily (in some cases, not for years), or might assume work like some other site (which is a hit or miss assumption), and will point you to a number of resources.
Series
- Part 1 of How to