Pteriw



Recent works

Recent bookmarks

  1. Public Bookmark *

    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
    Language:
    English
    Words:
    28,679
    Chapters:
    5/?
    Collections:
    4
    Comments:
    98
    Kudos:
    192
    Bookmarks:
    220
    Hits:
    4,370

    19 May 2026

  2. Public Bookmark *

    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
    Language:
    English
    Words:
    28,034
    Chapters:
    15/15
    Collections:
    8
    Comments:
    1,357
    Kudos:
    7,005
    Bookmarks:
    8,328
    Hits:
    429,707

    11 May 2026

  3. Public Bookmark *

    Tags
    Summary

    This is a flaming dumpster filled with CSS and HTML experiments. It's not instructional, but I post the code and my own explanations for both our sakes. Feel free to steal the code or ask me questions- I don't know what I'm doing. :)

    (Pics are mine though)

    Chapter 5 is probably what you're looking for ;)

    I'm not going to say I take requests, but I'm always looking for inspiration.

    It seems I've broken Ao3 yet again. I can no longer add more code to my work skin so we're moving on to part two!

    Series
    Language:
    English
    Words:
    17,765
    Chapters:
    16/16
    Comments:
    325
    Kudos:
    1,238
    Bookmarks:
    895
    Hits:
    38,306

    03 Apr 2026

  4. Public Bookmark *

    Tags
    Summary

    This is a world in which Mob and Reigen’s paths have never crossed, in which 10-year-old Mob found psychic guidance in the form of the aging, retired tv personality Keiji Mogami, in which Reigen followed through on his plans to close the Spirits and Such Agency, in which a cruel twist of Mob’s powers forces him to confront how dangerous he really is.

    10 year old Shigeo Kageyama has vanished, his trail instantly cold, and his case gathers dust in police archives as a kidnapping never solved. Four years pass before a chain of events causes his path to cross with that of the despondent, unfulfilled fake-psychic-turned-fake-investigator, Arataka Reigen. Reigen finds himself in over his head caring for an escaped victim of abuse who, for reasons unfathomable, has been taught to believe his very existence is a horrifically dangerous thing…

    Language:
    English
    Words:
    407,251
    Chapters:
    49/?
    Comments:
    4,212
    Kudos:
    15,454
    Bookmarks:
    3,334
    Hits:
    525,718

    11 Jan 2026