[2d20 Infinity] New Character Sheet WIP

Howdy all! I'm about to run an Infinity RPG game for a few friends. Preparations have been going well, though they have been a bit slow sue to the different nature of the 2d20 system. One of the hangup I've encountered involves the current Character Sheet for Infinity. It really is nice: it works well, it's thematic, and I'm glad that somebody was kind enough to take the time to make it. However, it was lacking a couple of things, so I decided to make a new sheet to practice my HTML . It's still very much a WIP by a complete newbie. This is the first time I've used HTML so it's a learning process and I could really use some help with a few things: Should I even bother? I don't want to step on anyone's toes by totally re-doing a sheet. Are there any guidelines on laying out the character sheet? What font and window size should I be designing for? Are custom fonts allowed in character sheets? What browsers should I be worried about? Any common pitfalls to avoid? I've already read the roll20 wiki's entry so I'm aware of not using id or anything. I could also use a hand with some HTML/CSS. Under the "Damage" section there are three stress tracks for Firewall, Resolve, and Vigour. The radio buttons to select the current stress level are (finally) working, but I'd like to make them a but more informative by highlighting the box which matches the character's maximum level of stress. So if a character has Max Firewall 14 inputted, then the radio button with a value of 14 would have a different-colored background. I can't find anything online that says this is possible without Javascript, but I figured I'd ask here before I moved on.

This is tricky, if there's an existing sheet. Roll20 discourages having separate sheets for the same system (although there are exceptions). So, make a best-effort to get in contact with the existing sheet's author to talk about changes. If you can't get in contact with them or decide after talking with them to move forward with your own sheet, you need to ensure that any user currently using the old sheet will not lose any data when they're forcibly switched to your new version of the sheet. Mostly this means if you remove or rename any attributes, you need to create a sheetworker to migrate the old values. I would generally recommend aiming for a layout similar to the game's paper sheet. Obviously, the ability to do things like tabbed sections, repeating sections, and more than 11" of vertical space available to you give you different options that aren't available to the people who designed the paper sheet A flexible layout is best, but if you don't want to bother I recommend aiming at the default character dialog width (IIRC this is a bit less than 900px) as a minimum. Yes... ish. While you can use @font-face in your character sheet, the external font you link to will be piped through an insecure proxy, and since the VTT is secure, most browsers will block the external font until the user specifically allows it, and that will only last for the duration of the browsing session. Roll20 officially supports Chrome and Firefox. If you've internalized the relevant wiki entries, then you've probably got your bases covered. The biggest gotcha I see (that even experienced sheet builders occasionally fall into) is missing a name attribute on form field that you want to save as a character attribute.