20 Bookmarks by ItsMayBiTheWay
List of Bookmarks
-
Social media skins- a comprehensive guide to publishing on AO3! by immersivemedia
Fandoms: HTML - Fandom, Work Skin - Fandom, AO3
29 Jun 2026
Tags
Summary
As requested, here's a tutorial for how to use my work skins as seen in Bostons worst nightmare!
——
How to make IOS text chains
How to make IG posts
How to make Reddit Posts
How to make Twitter Threads
How to make Email exchangesBookmarked by ItsMayBiTheWay
26 Jun 2026
-
Tags
Bookmarked by ItsMayBiTheWay
12 Apr 2026
-
Tags
Summary
Popup tooltips that work well on both desktop (hover) and mobile (tap open and close). Constrained width, so best for short tooltips or translations for a couple words at the most.
Series
- Part 1 of Simbeline's Work Skins
- Language:
- English
- Words:
- 1,201
- Chapters:
- 2/2
- Collections:
- 4
- Comments:
- 41
- Kudos:
- 401
- Bookmarks:
- 485
- Hits:
- 15,353
Bookmarked by ItsMayBiTheWay
11 Apr 2026
-
How to Make Facebook Messenger Chat on AO3 by ran_a_dom (revabhipraya)
Fandoms: No Fandom
02 Jun 2026
Tags
Summary
A tutorial and live example to make Facebook Messenger Chat using AO3 skin.
Series
- Part 3 of AO3 Chat Skin Tutorial
- Language:
- English
- Words:
- 1,582
- Chapters:
- 2/2
- Collections:
- 1
- Comments:
- 12
- Kudos:
- 108
- Bookmarks:
- 90
- Hits:
- 6,444
Bookmarked by ItsMayBiTheWay
26 Mar 2026
-
Tags
Summary
iMessage as it looks in iOS 7 to present.
Series
- Part 1 of Azdaema's AO3 Messaging Skins
- Language:
- English
- Words:
- 2,610
- Chapters:
- 11/11
- Collections:
- 3
- Comments:
- 37
- Kudos:
- 468
- Bookmarks:
- 493
- Hits:
- 28,523
Bookmarked by ItsMayBiTheWay
17 Feb 2026
-
Tags
Summary
Jack shows up with a belated baby shower gift.
Matt is more distressed than he should be.
Series
- Part 15 of On the Topic of Librarians
Bookmarked by ItsMayBiTheWay
17 Feb 2026
-
Breaking Ao3 the Fun Way by Gumba (GumbaBunny), GumbaBunny, Mewsmodeus (Mewzebub), ⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧ (GumbaBunny), 𝔾ⓤ𝕞𝖀𝓷ᶦ𝕔ⓞðə E Ⓜ️🅾️j̵͍̟̝̝̖̮̓ͭͨ̂̐̚ℹ️ (GumbaBunny)
Fandoms: Original Work, Archive of Our Own
16 Jun 2025
Tags
Summary
Testing ao3's limits on coding... or "How much can i break ao3?"
Click this to see summary testing
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⡠⠛⠋⠉⠉⠓⠻⢤⠀ ⠀⠀⠀⠀⠀⡟⣠⣶⠖⣤⠀⣴⣯⣹⣷ ⠀⣀⣀⣀⠀⣆⢹⣿⣿⡿⠀⠹⠿⠿⣉ ⡞⠀⠀⠀⠀⠀⠓⠦⢄⡄⠩⠥⠔⠊⠁ ⠙⡄⢠⣴⣶⣦⠀⢠⡄⣴⠀⣯⠀⠀⠀ ⠀⠲⠖⠁⠉⠁⠧⠼⠁⠈⠓⠋⠀⠀⠀
h1
h2
h3
h4
h5
h6
Look to the right.
Made you look (align="right")
- bold
- italic
- underline
strike
- big
- small
- sup sub
one two three four five A B C D E ℂ𝕆𝔻𝔼 ℳ𝒪ℛℰ
████𓆉Series
- Part 2 of Ao3 C̵̬̳͕̲̪̖̉̎̂͌̿̊̈́̅o̶̬̳͇͙̤̎̄͗̈́̓̃̔̚͜͝d̷̙̹̖̳̪̞̬̗̔͐́̏̕i̶̧͈̱̣̝̍ͅn̸̛͉̤̙̭̂̾̏̏̑̈́̀̎̅̅͂g̸̢͉͈̦͍͎̮͎̭̮̉̌́̇̄̓͜ͅͅ
- Language:
- English
- Words:
- 5,772
- Chapters:
- 4/4
- Collections:
- 1
- Comments:
- 50
- Kudos:
- 72
- Bookmarks:
- 29
- Hits:
- 1,672
Bookmarked by ItsMayBiTheWay
17 Feb 2026
-
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:
- 59
- Kudos:
- 467
- Bookmarks:
- 538
- Hits:
- 18,524
Bookmarked by ItsMayBiTheWay
17 Feb 2026
-
Tags
Summary
Ao3 work skin for Twitter, with support for threads.
Bookmarked by ItsMayBiTheWay
17 Feb 2026
-
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 ItsMayBiTheWay
17 Feb 2026
-
Tags
Summary
This is a personal experiment with HTML. It is a very limited list with what I find useful.
Update: Somehow I find more and more stuff useful, so this list is not that limited (and not that private) anymore. I'll improve it with time and according to my needs and interests.So far that's posted:
Part One: Basics
Part Two: Lines
Part Three: Footnotes and Links
Part Four: Columns and Skins
Part Five: Pictures
Part Six: Videos (and gifs)
Part Seven: Choose Your Own Adventure
Part Eight: Chapter Title
Part Nine: The Title, the Username, and Links
Part Ten: Kudos Message
Part Eleven: Newspaper Article
Part Twelve: Content Notes and Spoiler (NEW: Opacity and hover translations)
Part Thirteen: Playground for Jinx (glitch text, color, table)
Part Fourteen: Text generator
Part Fifteen: Boxes (still in progress)
Part Sixteen: Vertical Text
Part Seventeen: Transition (NEW)
Part Eighteen: Automated Animation (NEWEST)- Language:
- English
- Words:
- 14,992
- Chapters:
- 20/?
- Collections:
- 7
- Comments:
- 201
- Kudos:
- 1,003
- Bookmarks:
- 933
- Hits:
- 37,829
Bookmarked by ItsMayBiTheWay
28 Jan 2026
-
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,362
- Kudos:
- 7,026
- Bookmarks:
- 8,355
- Hits:
- 430,674
Bookmarked by ItsMayBiTheWay
28 Jan 2026
-
Repository: A Collection of Work Skins and Guides by gadaursan
Fandom Original Work, SK8 the Infinity (Anime)
15 Sep 2024
Summary
All work skin guides and code written by me.
- Words:
- 16,300
- Works:
- 4
- Bookmarks:
- 223
Bookmarked by ItsMayBiTheWay
15 Jan 2026
-
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:
- 902
- Bookmarks:
- 1,086
- Hits:
- 47,317
Bookmarked by ItsMayBiTheWay
02 Mar 2024
-
How to Make iOS Text Messages on AO3 by CodenameCarrot, La_Temperanza
Fandoms: No Fandom
10 Apr 2016
Tags
Summary
This is a tutorial/live example on how to mimic iOS text messages on AO3 without the need to use images. There's also a chapter on how to have emojis displayed on AO3 as well.
Series
- Part 3 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 4,500
- Chapters:
- 2/2
- Collections:
- 7
- Comments:
- 385
- Kudos:
- 4,516
- Bookmarks:
- 4,420
- Hits:
- 198,919
Bookmarked by ItsMayBiTheWay
28 Feb 2024
-
Tags
Summary
Work skin for different types of found documents, for people who are into that kind of thing.
Update 1 December 2022: Added parameters for links within div sections. Previously, applying this work skin on top of the Reversi site skin could make links difficult to read.
- Language:
- English
- Words:
- 2,579
- Chapters:
- 3/3
- Collections:
- 2
- Comments:
- 18
- Kudos:
- 104
- Bookmarks:
- 104
- Hits:
- 3,901
Bookmarked by ItsMayBiTheWay
24 Feb 2024
-
Tags
Summary
What it says on the tin.
A mock-up of instagram direct messages without having to use screenshots.
- Language:
- English
- Words:
- 601
- Chapters:
- 1/1
- Collections:
- 4
- Comments:
- 15
- Kudos:
- 119
- Bookmarks:
- 131
- Hits:
- 7,860
Bookmarked by ItsMayBiTheWay
24 Feb 2024
-
Tags
Summary
This is a tutorial on how to create Snapchat templates for AO3.
- Language:
- English
- Words:
- 942
- Chapters:
- 1/1
- Collections:
- 2
- Comments:
- 3
- Kudos:
- 59
- Bookmarks:
- 60
- Hits:
- 2,887
Bookmarked by ItsMayBiTheWay
24 Feb 2024
-
Tags
Summary
This is a tutorial on how to create Twitter / X templates for AO3, includes both Tweets and profile card.
- Scalable so it's also accessible to mobile users.
- Tweets (chapter 1): text, tags, quote tweet, photo(s), replies, verified checkmark.
- Profile card (chapter 2): displays a user's profile as shown on Twitter.
- Please let me know if there are bugs and/or requests.Ao3 Twitter Template Generator now available! (Made possible by the amazing Anlanther): Now you only have to fill in your text and copy-paste the generated code!
- Language:
- English
- Words:
- 2,851
- Chapters:
- 4/5
- Collections:
- 4
- Comments:
- 189
- Kudos:
- 980
- Bookmarks:
- 975
- Hits:
- 40,825
Bookmarked by ItsMayBiTheWay
24 Feb 2024
-
How to Mimic Letters, Fliers, and Stationery Without Using Images by La_Temperanza
Fandoms: No Fandom
27 Jul 2017
Tags
Summary
This is a tutorial/live example on how to mimic the look of letters, fliers, and stationery (as well as other forms of written media) without using images. For all your epistolary fic needs.
Series
- Part 17 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 3,724
- Chapters:
- 1/?
- Collections:
- 8
- Comments:
- 150
- Kudos:
- 1,868
- Bookmarks:
- 1,499
- Hits:
- 61,374
Bookmarked by ItsMayBiTheWay
02 Feb 2024