.shapes_and_colours
Series Metadata
- Creator:
- mackerel_cheese
- Series Begun:
- 2025-01-18
- Series Updated:
- 2026-03-20
- Description:
where i'm planning to compile the custom CSS/HTML i make that you can learn from my mistakes
series title from that one scene in bojack horseman
- Stats:
-
- Words:
- 9,848
- Works:
- 5
- Complete:
- No
- Bookmarks:
- 19
Listing Series
-
vroom vroom kachow: Formula 1 Race Results Workskin by mackerel_cheese for Badhairred
Fandoms: Formula 1 RPF
18 Jan 2025
Tags
Summary
want to have a workskin for the race results in your f1/f1 inspired fics? here's one and how to use it.
Series
- Part 1 of .shapes_and_colours
-
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
-
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
-
you can make beautiful things: Exploring CSS Art on AO3 (Appa's version) by mackerel_cheese
Fandoms: Avatar: The Last Airbender (Cartoon 2005)
26 Apr 2025
Tags
Summary
CSS art of Appa from Avatar the Last Airbender made specifically within AO3 limited HTML restrictions. (Now with three versions!)
Free mini essay about my experience with making CSS art on AO3 inside!
Series
- Part 4 of .shapes_and_colours
-
HELLO FRIEND: An Interactive HTML Duck Card Workskin by mackerel_cheese for mystyrust, wetsocks (Nicky_boy), WordsOfWilderness
Fandoms: KPop Demon Hunters (2025)
10 Jul 2025
Tags
Summary
Want your characters to send each other cute duck cards as a way to sneak behind their friend's backs? Here's the tutorial for you my friend.
A workskin inspired by the duck cards Jinu sends to Rumi.
Series
- Part 5 of .shapes_and_colours