1 - 20 of 102 Bookmarks by Just_Coding_Things (RammBook)
Navigation
List of Bookmarks
-
Tags
Summary
A not so comprehensible guide on how to create a work skin to mimic scrollable TikTok feed and the html code used with it
Bookmarked by Just_Coding_Things (RammBook)
25 May 2026
-
How to by Charles_Rockafellor, 𝖀𝓷ᶦ𝕔ⓞðə E Ⓜ️🅾️j̵͍̟̝̝̖̮̓ͭͨ̂̐̚ℹ️ (Charles_Rockafellor)
Fandom AO3, AO3 CSS, AO3 help - Fandom, Chess - Fandom, Conlangs - Fandom, css - Fandom, CSS abuse - Fandom, HTML - Fandom, The Matrix (Movies), Work Skins - Fandom
27 Jul 2025
Summary
This series started as just a one-shot to help people with AO3's CSS for making work skins. Then I added a piece on making series. Then it... snowballed. I don't expect to add further tutorials, but I hadn't expected to write these either. I'm calling the series complete, but who knows (one thing that keeps nudging me is to take the statistics and show how fics' half-lives vary, for example; another is putting all weird AO3 fixes into one spot).
NB: If you're wondering, please see How to make and fix a series on AO3 (in this series with the tutorial on CSS work skins for fonts, which made that link become underscored blue ink [assuming that your browser settings, site skin, and third party apps didn't prohibit it]).
Cf. the CSS Abuse and HTML Tryhard collection, as a whole.
- Words:
- 175,449
- Works:
- 11
- Bookmarks:
- 137
Bookmarked by Just_Coding_Things (RammBook)
25 Apr 2026
-
Summary
Make your ao3 experience better with skins, userscripts, and markup to use or modify
- Words:
- 1,909
- Works:
- 5
- Bookmarks:
- 10
Bookmarked by Just_Coding_Things (RammBook)
25 Apr 2026
Bookmarker's Notes
These are awesome for accessibility and easy to use, recommendation 100%!!!
-
Tags
Summary
A workskin guide for emulating the appearance of a ChatGPT conversation thread.
- Language:
- English
- Words:
- 659
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 2
- Kudos:
- 11
- Bookmarks:
- 3
- Hits:
- 236
Bookmarked by Just_Coding_Things (RammBook)
25 Apr 2026
-
Tags
Summary
Work skin that mimics an academic journal article being accessed through an online database.
Bookmarked by Just_Coding_Things (RammBook)
25 Apr 2026
-
Tags
Summary
a css tutorial for fading into a darker (or lighter!) background for a flashback that works regardless of what site skin a user has applied at the moment.
- Language:
- English
- Words:
- 595
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 8
- Kudos:
- 10
- Bookmarks:
- 8
- Hits:
- 254
Bookmarked by Just_Coding_Things (RammBook)
25 Apr 2026
-
User-Selectable Names in a Fanfic Work by feindcode (feind)
Fandoms: Testing, AO3 Abuse, HTML Tryhard - Fandom
06 Aug 2023
Tags
Bookmarked by Just_Coding_Things (RammBook)
17 Aug 2025
-
Tags
Summary
a workskin made to emulate discord's formatting while matching the users site skin
Series
- Part 2 of silly little codey bits
- Language:
- English
- Words:
- 1,606
- Chapters:
- 2/2
- Collections:
- 1
- Comments:
- 2
- Kudos:
- 39
- Bookmarks:
- 27
- Hits:
- 1,032
Bookmarked by Just_Coding_Things (RammBook)
17 Aug 2025
-
Tags
Summary
A tutorial on how to include a gift fic email into your fic.
- Language:
- English
- Words:
- 480
- Chapters:
- 3/3
- Collections:
- 4
- Comments:
- 4
- Kudos:
- 23
- Bookmarks:
- 10
- Hits:
- 1,898
Bookmarked by Just_Coding_Things (RammBook)
08 Apr 2025
-
Tags
Summary
A work skin for text messages.
In particular, this uses outlines/borders to avoid specifying background colors, so that users of Reversi can see the work in dark mode and users with the standard AO3 look and feel can read the story in light mode.
Chapter two now lets you pick more chat bubble outline colors for your group chat needs!
Bookmarked by Just_Coding_Things (RammBook)
08 Apr 2025
-
Summary
We ride at dawn, to fight the programming errors on our screens and to tear our hair out and cry the long suffering cry.
- Words:
- 8,492
- Works:
- 4
- Bookmarks:
- 21
Bookmarked by Just_Coding_Things (RammBook)
08 Apr 2025
-
Put an Ao3 Fic in YOUR Fic! by lordvoldemortsskin (lordvoldemortsnipple)
Fandoms: No Fandom
01 Feb 2022
Tags
Summary
Work skin to add Ao3 fic layouts, meta info and comments inside your very own fic! Inception, but make it about fics. Ficception.
Series
- Part 3 of Works Skins
- Language:
- English
- Words:
- 1,368
- Chapters:
- 3/3
- Collections:
- 2
- Comments:
- 26
- Kudos:
- 231
- Bookmarks:
- 207
- Hits:
- 7,876
Bookmarked by Just_Coding_Things (RammBook)
08 Apr 2025
-
How to insert html/css comments in your fic that still look good after you download them by Magnolia_in_black_Velvet
Fandoms: No Fandom
16 Aug 2023
Tags
Summary
a guide to inserting comments into your fics that will still look good when you download the fic (and all the css is stripped from it)
Series
- Part 1 of Magnolia's adventures in CSS
Bookmarked by Just_Coding_Things (RammBook)
08 Apr 2025
-
Fading out text on AO3 by feindcode (feind) for citrusella
Fandoms: AO3 Abuse, Testing, HTML Tryhard - Fandom
07 Jul 2024
Tags
Summary
create a "fading out text" effect in your AO3 works
Bookmarked by Just_Coding_Things (RammBook)
08 Apr 2025
-
Icarian Desires: A Knock Off Rolling Stones News Article AO3 Workskin by mackerel_cheese for YureiTheGhost
Fandoms: No Fandom
19 Feb 2025
Tags
Summary
A HTML code breakdown on how to make a knock off Rolling Stones article with an AO3 workskin that accidentally became an open letter to the Black Seadevil Anglerfish who swam too close to the Sun.
Series
- Part 2 of .shapes_and_colours
Bookmarked by Just_Coding_Things (RammBook)
08 Apr 2025
-
Raincord - CSS Workskin by Im_bad_at_usernames0939
Fandoms: Rain World (Video Game), Testing
23 Feb 2025
Tags
Summary
Here is a discord-like chat emulation that I've been working on and off with for about a month. It has server tabs, profile pics, scroll functionality, username tokens, and (hopefully) is mobile-compatible. A lot of the code was inspired from much more talented coders (linked in notes), but a full explanation of the HTML and CSS is provided in chapters 2 and 3.
The main plan for this was for a Rainworld fic, so a lot of the major design principles came from that angle, but with enough tenacity I could easily see someone making a full emulation of discord.
Bookmarked by Just_Coding_Things (RammBook)
23 Mar 2025
-
mm whatcha say?: Changing Text On Hover for Multilingual Fics (A Download Friendly Workskin) by mackerel_cheese for Graverobbber, enbyguous, spearsofstarlight
Fandoms: No Fandom, Babel - R. F. Kuang
20 Mar 2026
Tags
Summary
Do you want to have a nifty way to have multiple languages in a fic:
- Without making your readers scroll to the AN for a translation?
- Without the text and translation sitting side by side?
- And still make it look pretty when people download it into an EPUB or PDF format?
- Making it work with screenreaders? (Subject to varying screenreader capabilities)
Here is a solution for you. Come on babygirls, let's roll.
(This is a HTML tutorial but I'm lowkey flirting with you by calling you babygirl occasionally because I got bored while writing this.)
NEW UPDATE [20/3/2026]:
- Chapter 1: Sample Usage (Excerpt from a WIP in my drafts)
- A short character study about Griffin Harley from Babel (by R.F. Kuang). Utilizies 3 languages in multiple formats. You don't need to have read Babel to pick apart the code used.
- Chapter 2: Basic Tutorial (same as before)
- Chapter 3: FAQ (regarding customization and usage)
Series
- Part 3 of .shapes_and_colours
Bookmarked by Just_Coding_Things (RammBook)
23 Mar 2025
-
Tags
Summary
Assorted HTML Projects I have been working on. Some of them are still WIPs, but I figured I'd share anyway.
Things currently contained:
a CD
a Polaroid
a scrolling phone conversation
a receipt
some floppy disks
a VHS tape
a library card
a post card
many many hours of labor interspersed with screaming
a cassetteSeries
- Part 1 of Misuse of Company Time
- Part 6 of HTML Hatecrimes
- Language:
- English
- Words:
- 12,427
- Chapters:
- 12/?
- Collections:
- 1
- Comments:
- 15
- Kudos:
- 128
- Bookmarks:
- 90
- Hits:
- 3,086
Bookmarked by Just_Coding_Things (RammBook)
23 Mar 2025
-
Tags
Summary
I deconstructed Heterochromia_Mars's Discord skin and reconstructed a new one that should work slightly better on screens of all sizes, especially mobile screens.
Note: Please check Chapter 3 for CSS code whenever the skin updates!
- Language:
- English
- Words:
- 7,261
- Chapters:
- 5/5
- Collections:
- 4
- Comments:
- 30
- Kudos:
- 151
- Bookmarks:
- 139
- Hits:
- 6,725
Bookmarked by Just_Coding_Things (RammBook)
08 Mar 2025
-
Tags
Summary
funny little box that reveals things when you click on it. was mainly just me experimenting with css while learning
Series
- Part 1 of silly little codey bits
- Language:
- English
- Words:
- 278
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 1
- Kudos:
- 15
- Bookmarks:
- 10
- Hits:
- 751
Bookmarked by Just_Coding_Things (RammBook)
08 Mar 2025