13 Bookmarked Items in Coding Tutorials
List of Bookmarks
-
Tags
Summary
CSS and work-skin for a fake local journaling app for use in fics. Use it to style journal/diary entries for a character who wouldn't post their innermost thoughts in a blog, but would put them in a device for themselves.
- Language:
- English
- Words:
- 1,719
- Chapters:
- 4/4
- Collections:
- 2
- Comments:
- 2
- Kudos:
- 87
- Bookmarks:
- 90
- Hits:
- 4,408
-
Bookmark Collections:
-
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:
- 23
- Kudos:
- 207
- Bookmarks:
- 267
- Hits:
- 9,591
-
Bookmark Collections:
-
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:
- 42
- Bookmarks:
- 36
- Hits:
- 1,669
-
Bookmark Collections:
-
Tags
Summary
iMessage as it looked up through iOS 6.
Series
- Part 2 of Azdaema's AO3 Messaging Skins
- Language:
- English
- Words:
- 1,525
- Chapters:
- 7/7
- Collections:
- 3
- Comments:
- 5
- Kudos:
- 111
- Bookmarks:
- 67
- Hits:
- 6,570
-
Bookmark Collections:
-
Tags
Summary
A tutorial for creating and formatting spreadsheets in AO3, using CSS and HTML.
-
Bookmark Collections:
-
-
Whatsapp Work Skin Template /Revamped by etc e tal (pe_pe_peperoncinocandy)
Fandoms: No Fandom
21 Apr 2023
Tags
Summary
Whatsapp work skin.
- Text messages, photos, videos, voice messages, links and quotes;
- Group chats;
- Header and icons;
- Scrollable.- Language:
- English
- Words:
- 4,661
- Chapters:
- 1/1
- Collections:
- 4
- Comments:
- 63
- Kudos:
- 471
- Bookmarks:
- 489
- Hits:
- 19,565
-
Bookmark Collections:
-
Tags
Summary
This is a tutorial/live example on how to mimic email windows on AO3 without the need to use images.
Series
- Part 12 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 2,551
- Chapters:
- 1/1
- Collections:
- 7
- Comments:
- 51
- Kudos:
- 615
- Bookmarks:
- 704
- Hits:
- 38,810
-
Bookmark Collections:
-
You've got mail by Anonymous
Fandoms: Heated Rivalry (TV), Game Changers Series - Rachel Reid
26 Apr 2026
Tags
Summary
While trying to write to his friend studying abroad in Moscow, Shane Hollander accidentally reaches Ilya Rozanov.
Series
- Part 1 of Hollanov collection
- Language:
- English
- Words:
- 27,915
- Chapters:
- 9/9
- Collections:
- 1
- Comments:
- 8,424
- Kudos:
- 40,911
- Bookmarks:
- 11,435
- Hits:
- 562,396
-
Bookmark Collections:
-
Tags
Summary
A work skin to emulate an iOS chat environment
-
Bookmark Collections:
-
-
Tags
Summary
A work skin guide to make it look like there's Instagram image posts in your fic.
- Language:
- English
- Words:
- 5,153
- Chapters:
- 2/2
- Collections:
- 1
- Comments:
- 15
- Kudos:
- 35
- Bookmarks:
- 36
- Hits:
- 1,262
-
Bookmark Collections:
-
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:
- 864
- Bookmarks:
- 1,029
- Hits:
- 44,611
-
Bookmark Collections:
-
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:
- 31
- Kudos:
- 241
- Bookmarks:
- 237
- Hits:
- 9,814
-
Bookmark Collections:
-
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:
- 172
- Kudos:
- 897
- Bookmarks:
- 874
- Hits:
- 36,711
-
Bookmark Collections: