11 Bookmarks by peppermintjade
List of Bookmarks
-
Tags
Summary
There are some great quick-and-dirty guides to HTML on A03. This is not one of them - it is a comprehensive guide
It's now 2025, a decade later. A03 supports some new HTML and and we're all walking around reading fic on supercomputers that fit in a jean pocket. It was time to update.
The previous three chapters have been divided into smaller concepts. Each tag continues to have - at a minimum - a link to the w3schools page about it (so you can learn more), a code example, and the result of the code example. Most tags have their attributes, things like [src] or [title], listed and examples of how using the attributes modify the tags.
There's a chapter on Bad Ideas, including how some of the archive's default CSS is available to you to format your work (users can't turn that off by hiding a workskin!)
Oh. And I added a bunny army. You could learn how to add one too.
/)/) /)/) /)/) (..) (..) (..) *( ) *( ) *( )
Series
- Part 19 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 28,034
- Chapters:
- 15/15
- Collections:
- 8
- Comments:
- 1,366
- Kudos:
- 7,068
- Bookmarks:
- 8,417
- Hits:
- 433,446
Bookmarked by peppermintjade
31 May 2026
-
The Astrobiology Immersion Program by startingatmidnight
Fandoms: Project Hail Mary (2026), Project Hail Mary - Andy Weir
10 May 2026
Tags
Summary
It's not every day you wake up with five arms and no eyes, but Ryland Grace stopped having normal days a very long time ago.
- Language:
- English
- Words:
- 48,280
- Chapters:
- 7/7
- Comments:
- 2,751
- Kudos:
- 11,781
- Bookmarks:
- 3,841
- Hits:
- 123,430
Bookmarked by peppermintjade
18 May 2026
-
Tags
Summary
This is a simple workskin that mimics a basic forum thread!
- Language:
- English
- Words:
- 1,159
- Chapters:
- 1/1
- Collections:
- 4
- Comments:
- 23
- Kudos:
- 120
- Bookmarks:
- 173
- Hits:
- 7,878
Bookmarked by peppermintjade
12 Jun 2025
-
Tags
Summary
How to get minimalist-looking Facebook posts and comments into your fic!
- Language:
- English
- Words:
- 770
- Chapters:
- 1/1
- Collections:
- 2
- Comments:
- 6
- Kudos:
- 43
- Bookmarks:
- 36
- Hits:
- 1,732
Bookmarked by peppermintjade
12 Jun 2025
-
Tags
Summary
Documentation/Examples for the CSS workskin and HTML code for a Wikipedia article inspired layout to use in your mixed media works.
Created with help from Nautilusopus and DarthTofu.
- Language:
- English
- Words:
- 1,846
- Chapters:
- 4/?
- Collections:
- 6
- Comments:
- 28
- Kudos:
- 225
- Bookmarks:
- 289
- Hits:
- 10,312
Bookmarked by peppermintjade
12 Jun 2025
-
Tags
Summary
Twitter work skin.
- Tweets, quote-tweets, images, polls...;
- DM's, text, emojis, images, voice messages, groupchats...;
- Scrollable version.- Language:
- English
- Words:
- 2,046
- Chapters:
- 1/1
- Collections:
- 5
- Comments:
- 36
- Kudos:
- 283
- Bookmarks:
- 275
- Hits:
- 11,321
Bookmarked by peppermintjade
12 Jun 2025
-
Tags
Summary
Made on the request of a friend ages ago.
- Language:
- English
- Words:
- 150
- Chapters:
- 2/2
- Collections:
- 1
- Comments:
- 4
- Kudos:
- 20
- Bookmarks:
- 13
- Hits:
- 2,109
Bookmarked by peppermintjade
12 Jun 2025
-
Tags
Summary
This is a tutorial/live example on how to create a "Choose Your Own Adventure" fic. While this has been explained before (see here), this particular tutorial shows you how to use a work skin to hide the next parts from the reader until they click through to get to them.
Series
- Part 16 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 1,769
- Chapters:
- 1/1
- Collections:
- 7
- Comments:
- 79
- Kudos:
- 1,288
- Bookmarks:
- 1,127
- Hits:
- 57,786
Bookmarked by peppermintjade
12 Jun 2025
-
Tags
Summary
This is a live example of how an author can create linked footnotes in their work with only a little bit of HTML and no workskins required. This is best viewed by clicking "Entire Work". While I've included the actual coding in bold and italic once you click "Hide Creator's Style", there's a more detailed explanation here.
EDIT 6/28/17: The third chapter now shows how to use anchor links as an index/table of contents.
Series
- Part 6 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 3,457
- Chapters:
- 3/3
- Collections:
- 7
- Comments:
- 82
- Kudos:
- 622
- Bookmarks:
- 911
- Hits:
- 39,942
Bookmarked by peppermintjade
12 Jun 2025
-
Tags
Summary
Primarily just where I share work skin code and discuss ways to improve the Ao3 experience, including:
- Twitter and Instagram like posts
- Non iOS messaging systems
- Avatar and image formatting for script formats.
- Search engine interfaces
- Documentation on AO3 Site SkinsSeries
- Language:
- English
- Words:
- 6,494
- Chapters:
- 12/?
- Collections:
- 7
- Comments:
- 100
- Kudos:
- 910
- Bookmarks:
- 1,097
- Hits:
- 48,148
Bookmarked by peppermintjade
12 Jun 2025
-
Tags
Summary
Have you ever wanted to put a Tumblr post in your fic? Even if you haven't, you now can!
This is a tutorial on how to mimic different Tumblr post types using a work skin, without using screenshots.
- Language:
- English
- Words:
- 4,227
- Chapters:
- 1/1
- Collections:
- 2
- Comments:
- 60
- Kudos:
- 474
- Bookmarks:
- 545
- Hits:
- 18,726
Bookmarked by peppermintjade
12 Jun 2025