html coding tutorials
(Open, Unmoderated)
Recent bookmarks
-
CSS in Testing by InfinitysWraith
Fandoms: Ao3 Skins - Fandom, Work Skins - Fandom, css - Fandom
18 Apr 2022
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
- Part 1 of CSS in Testing
-
Tags
Summary
Original coding and design is from layouttest. I make no claims for it, just tweaked it so it will work on AO3.
Series
- Part 5 of AO3 Work Skins/Tutorials
-
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 update this and take a crack at finishing it. (Links and Images are in, the new Audio and Video tags are not.)
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:
- 27,951
- Chapters:
- 15/15
- Collections:
- 8
- Comments:
- 1,294
- Kudos:
- 6,657
- Bookmarks:
- 7,693
- Hits:
- 405,430
Bookmarked by sharkboyrin
03 Jan 2025
Bookmarker's Collections:
Bookmarker's Notes
Coding help for AO3
-
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.
-
TMA transcript work skin by Ninjabunny99
Fandoms: The Magnus Archives (Podcast), Original Work
18 Oct 2022
Tags
Summary
Workskin for all your original TMA transcript needs! Modeled after the unofficial transcripts archive, I made it as similar as I could. Looks best on desktop but still reads fine on mobile. Formatted example using text from the show in the first chapter, work skin and full html in the second.
Feel free to use and edit however you want. Have fun!
