updated: 5 Mar 2024
hi this is v2 of my cohost resources post, i accidentally deleted the other one, and i had to remake this from memory and my browser histories.
please comment if you have cool tools/advice/resources that I can collect here <33
prechoster, my best friend
- so remember that in cohost, you can use a limited set of html tags, and the only way you can style them is through the
style=""attribute - prechoster allows more kinds of code and converts them into html+ for cohost posts
- my main use for it is style inlining, where i write html with class attributes and a separate css stylesheet that targets those classes, and then prechoster inlines the styles
- i also use it for editing long posts as it has a decent text editor and a preview
other resource lists
- cohost's official list of third-party tools
- awesome cohost, which is based on the awesome piracy list
- Coposting Encyclopedia for Beginners by @dumplingowl
pages to follow
styling and css
- cohost's official markdown reference
- css for css baby post series by lexyeevee
- how to embed images by ChrisStapley
- embedding pixel art images by daffodilian
- tutorial: how to make a toggleable button by blackle
- tutorial: how to make movable objects by blackle
- width-hacking tutorial by Corncycle
- tutorial: how to make cohost accept basically any animation you want by @oatmealine
- character dialogue box css
- original by werewolfbarista
- next iteration by evilscientist3
- another by vurren
- alert message boxes like these
- show reptiles button by magicscience
- grid of blinkies by pearshapes
- CSS pride flags by lexyeevee
- various examples of css crimes by exerian
- css crimes integrating dark mode?? i don't understand it yet, but here are some links for when i'm ready to get it
tools i like
- markdown PLUS allows you to make epic text without html/css knowledge, I like this for the discord-like spoilers
- inline details generator, though it has several caveats and I haven't personally used it
- these user scripts require a browser extension, like tampermonkey (firefox)
- view source userscript adds a view source button, views the actual source text inputted in the make post dialog
- cohostinator by apexpredator, featuring: top navbar!! and wide posts!!
- these user stylesheets also require a browser extension, like Stylus (firefox)
- Compact Comments makes comments more compact
- undescribed media highlighter by kinluwi highlights images that doesn't have alt text
- cohost adventure engine by blackle with source
- twine for cohost by everest called ravel, like details-summary foldable outline reminiscent of click word to reveal more text kind of twine interactive fiction
- are you tired of writing the same html snippets all the time?
how to math
- Convert TeX to HTML by pommicket, which outputs flat HTML that you can just paste into your post. However note that the MathJax font used doesn't render in my mobile firefox.
- example: 1+1𝑥𝑥
- prechoster also allows using KaTeX in writing posts
- go to the sidebar
- go to examples and templates
- use the "KaTeX MathML" template
- this works because cohost supports MathML, so all prechoster is doing is running a script that looks for content enclosed in
$, converting that into MathML, and inserting that into the post
- this works because cohost supports MathML, so all prechoster is doing is running a script that looks for content enclosed in
advice & how to cohost
alt text, image descriptions, screen reader accessibility
- cohosters on alt texts & image descriptions
- a really long alt text post by lori
- tips on how to get started writing alt texts by eladnarra
- The #alt text request tag by eladnarra
- making css crimes not destroy screenreaders by artemis
- How to write alt text and image descriptions for food
- Alt-texts: The ultimate guide
- Cooper Hewitt guidelines for image description
i have added a few more things <3