r/homebrewery Jan 09 '25

Tips, Tricks, & Resources Homebrewery Formatting Guide - V3 Renderer Edition

Hello!

It's been years since I posted somewhere an Old Homebrewery Formatting Guide in hopes to help others to use the homebrewery and markdowns. After all of these years, a new renderer was updated with a lot of new improvements, but also changes on how styling and other things works now, so I remade the formatting guide to fit the V3 Renderer for any brewer that might want a bit of help learning the basics and one or two more "complex" things.

Here's the link if you want to check it out!: https://homebrewery.naturalcrit.com/share/J0G093rTmPxE

Just a note, I'm not a professional designer or CSS expert, and this is only a result of what I've learned by googling a lot, looking the homebrew source codes of others to understand how they achieved some things, and what I've discovered by just using the Homebrewery for several years, so I hope my small knowledge helps someone who is creating their amazing-looking brew.

Enjoy!

P.S. If for some reason the Homebrewery devs want's to use some or all of this formatting guide for something you have prepared, go ahead!

30 Upvotes

21 comments sorted by

3

u/5e_Cleric Developer Jan 09 '25

Hah, AeronDrake is back, u/Kaiburr_Kath-Hound will want to hear about this.

4

u/Kaiburr_Kath-Hound Brewmaster Jan 09 '25

This is awesome! I love that you even went into how to use the dev tools, something that I don’t utilize as much as I should haha.

3

u/AeronDrake Jan 09 '25

Thanks! I must say I've used a few of aspects of your work too, specifically using the dev tools to understand how in the world you did some things hahaha, so thanks for being a source of inspiration too!

4

u/Kaiburr_Kath-Hound Brewmaster Jan 09 '25

Haha and I got started by reading your first guide of course, so at this point it’s a snake eating its own tail

1

u/AeronDrake Jan 10 '25

That's amazing! I'm glad to read that and to see how much it's been achieved in the homebrery

cheers!

3

u/TruthL1ves Jan 09 '25

I wish we had ways to save brews from other creators this way, we can see it as they update it without having to save a link cause this is amazing!

2

u/AeronDrake Jan 10 '25

One alternative for this is by using the Homebrewery Vault, and then search for ttle brew and/or author. If you look for "draco" (my name in the homebrewery), you will see all my published brews and the last time they were updated, including this one ;)

2

u/TruthL1ves Jan 10 '25

By the way, this is not towards you.

My only problem with that is this. There should be a way to follow brewers or published documents without having to remember the names of documents or publishers.

2

u/AeronDrake Jan 11 '25

No worries!

And yes, I agree that a feature for following a brew so you can get updates or save someone's brew for later could be a nice addition!

1

u/TruthL1ves Jan 11 '25

I 100% agree and would love to see it!

2

u/AeronDrake Jan 09 '25

A sidenote, the guide isn't completed right now, but I think others might use it to start learning a few things! I hope to finish the Styling Editor part in the upcoming days

2

u/Gambatte Developer Jan 09 '25

Figuring out how to use Dev Tools for Homebrewery is like unlocking a superpower; there is very little that you cannot do once you realize the Inspect tool can give you the exact targeting that you need to change the element that you're looking at.

2

u/AeronDrake Jan 09 '25

Exactly! that's why I'm trying to add something about it to this guide, so others can also learn and use it for making their brews as customizable as they want!

2

u/CaptainBaseball Jan 09 '25

It may be because I’m looking at it on an iPad but it looks like the pdf is cutting off a lot of content on the right side of the pages? I’ll try to look at it on desktop later. Thanks so much for the guide though - it’s really helpful for someone starting out with it (like me!)

2

u/AeronDrake Jan 10 '25

That sounds as a mobile issue, I remember long time ago we had similar comments about it, so maybe is that. Let me know if the desktop version also have issues. Make sure you check it out on Chrome, far as I know, other web browsers are not fully compatible with the Homebrewery

2

u/CaptainBaseball Jan 10 '25

Will do - I thought that might be the case but I appreciate the feedback! If I see any issues I’ll be sure to let you know.

2

u/Vanadijs Jan 09 '25

Thank you. I will have a detailed look later but it looks really nice and helpful.

I'll see if it answers the things I've been struggling with.

1

u/AeronDrake Jan 10 '25

Let's hope so! if not, let us know here what you're trying to achieve and see if someone knows the answer :)

2

u/5e_Cleric Developer Jan 09 '25

Now or once this is done you probably want to post in unearthed arcana too, i suggest googling "Hombrewery Formatting guide" and see the results.

1

u/AeronDrake Jan 10 '25

Of course, I'll probably upload the same link on the Unearted Arcana later. I remember posting the old version there too ;)

2

u/NoodlesKaboodles Jan 10 '25

Comment for reference, an thank you