Coding Tutorial
This tag belongs to the Additional Tags Category.
This tag has not been marked common and can't be filtered on (yet).
Works which have used it as a tag:
-
Tags
Summary
A tutorial + live example on how to create comic text effects/callouts on Ao3 using CSS.
Series
- Part 1 of Cool Coding Kumquats
-
Tags
Summary
A tutorial + live example on how to recreate Ao3 on mobile in your Ao3 fic using CSS and HTML.
Series
- Part 2 of Cool Coding Kumquats
-
Tags
Summary
A tutorial + live example on how to add Gmail-esque emails into your fic using CSS and HTML.
Series
- Part 3 of Cool Coding Kumquats
Bookmarks which have used it as a tag:
-
A Beginner's Guide to HTML and CSS on AO3 by the_untamed_poet25
Fandoms: No Fandom, Fandom - Fandom, AO3, Original Work
01 Jun 2026
Tags
Summary
You've seen it. A fic formatted like a classified document. A chapter that looks like a real social media feed. An interactive game, somehow, inside an AO3 work. You clicked the kudos button. You thought: how.
This is the tutorial that answers that.
A beginner-friendly guide to HTML and CSS on AO3 — no prior coding experience required. By the end of this series, you'll know enough to write formatted fics, build your own workskins, style your entire AO3 interface, and maybe make something that makes other people stop and think how.
Series
- Part 23 of Izzy's HTML & CSS Experiments
- Part 2 of HTML/CSS AO3 Skins & Tutorials
- Language:
- English
- Words:
- 21,587
- Chapters:
- 4/?
- Collections:
- 4
- Comments:
- 73
- Kudos:
- 171
- Bookmarks:
- 187
- Hits:
- 3,709
Bookmarked by possibly_apple_juice
02 Jun 2026
Bookmarker's Tags:
Bookmarker's Notes
whoa very cool and might be useful? godsend number 2
Collections which have used it as a tag:
-
Assorted Work Skins (AssortedWorkSkins) by Ailren
30 Jan 2026
Collection Tags: Fanwork Research & Reference Guides, Work Skin, CSS, HTML, Tutorial, Guide, Work Formatting, Coding Tutorial, Template, Meta
Summary
A collection of various work skins.
See bookmarker's tags to sort by type.
(Open, Moderated)