Dimir09



Recent bookmarks

  1. Rec 9

    Tags
    Summary

    This is a tutorial on how to use CSS skins and HTML on AO3 to make buttons that show/hide a portion of text, similar to Pesterlogs from Homestuck.

    Series
    Language:
    English
    Words:
    1,353
    Chapters:
    3/3
    Comments:
    8
    Kudos:
    13
    Bookmarks:
    9
    Hits:
    225

    20 Apr 2026

  2. Rec *

    Tags
    Summary

    A work skin tutorial of a Google Search Suggestions page in AO3.

    See Chapter 1 for examples of the work skin with 4 different suggestions types (auto-complete suggestions, recent history, related to recent searches and trending searches), Chapter 2 for an explanation of the CSS work skin, Chapter 3 for the complete CSS code of the work skin, Chapter 4 for explanations of the HTML code and Chapter 5 for the complete HTML code (all 4 types of suggestions).

    Language:
    English
    Words:
    2,667
    Chapters:
    5/5
    Collections:
    2
    Comments:
    15
    Kudos:
    131
    Bookmarks:
    136
    Hits:
    2,894

    20 Apr 2026

  3. Rec 74

    Tags
    Summary

    WARNING: all the codes in this guide were tested on a computer. I can't guarantee the effect when the work they are applied to is read on a mobile phone.
    CHAPTER 1 is for the text with glitching effect similar to the Zalgo font, also in color, with different fonts and highlighted.
    CHAPTER 2 is for the mirror effect, vertical text and upside down text, also in color, with different fonts and highlighted.
    CHAPTER 3 is to create a negative mirror text effect (here in black and white) with the text side by side.
    CHAPTER 4 is to give your blockquote a colored side border, top border or bottom border (also in gradient colors or using an image), a colored background (also in gradient colors) and different margin values.

    Series
    Language:
    English
    Words:
    5,819
    Chapters:
    4/4
    Collections:
    1
    Comments:
    19
    Kudos:
    87
    Bookmarks:
    74
    Hits:
    2,717

    20 Apr 2026

  4. Rec 8

    Tags
    Summary

    Is a tool for previewing and troubleshooting 3D-Kinda Models (can be used in other ways too).

    Features include:

    • Live (but temporary) transformations or adjustments (2 modes!)
    • Model Switcher
    • Premade Cuboid Models (New model(s) is coming later, much later)
    • Semantics
    • Fun Settings (temporary, I'll try to make it not but I don't know how text fragments (:~:text) with id fragments (#id) work (#id:~:text=text)
    • Displays a warning when Creator's Style is disabled instead of being broken in pieces

    The tool uses :is(), :has(), :where(), transforms, and transitions so make sure to have the latest browsers that support these. Isn't it great that CSS and HTML can do this with the limitations given?

    Language:
    English
    Words:
    4,360
    Chapters:
    1/1
    Collections:
    3
    Comments:
    16
    Kudos:
    26
    Bookmarks:
    8
    Hits:
    635

    20 Apr 2026

  5. Rec 82

    Tags
    Summary

    ​I saw this cool trick on a fic recently and had to figure out how to do it.

    ​Instead of making readers scroll to the bottom of the chapter to understand what Russian words and phrases, this trick lets them hover their mouse (or tap on mobile) to see the translation pop up instantly right over the word. It

    ​Try it out!
    Tutorial inside

    When I find the person I saw it on I'll tag them

    Language:
    English
    Words:
    495
    Chapters:
    2/2
    Comments:
    25
    Kudos:
    203
    Bookmarks:
    82
    Hits:
    2,129

    20 Apr 2026