Category: Sheet Author
Do you want to make a character sheet or tweak an existing one? You’ll need to grasp HTML, CSS, and Javascript, and roll20 has its own tweaks that makes each of those a little more complicated. Don’t worry though – that’s where this blog comes in. If you’re a newbie to any of these things, you’ll find help here.
Sheet Workers – Automating The Sheet
The Index of articles on how to create Sheet Workers.
Anatomy of a Sheet Worker
How to write a sheet worker, and what most sheet workers have in common.
Divitis and Style
There’s a syndrome among webspages created by those unfamiliar with CSS. Here’s to avoid it.
Character Sheet – CSS Example
Upgrading the Castle Falkenstein sheet created in the HTML guide to use CSS.
Advanced Positioning
Understanding the position property, which can be a bit mindbinding.
Your Own Styles on Roll20
Overriding Roll20’s built-in styles, creating your own roll buttons, and even modifying the GUI.
Inheritance and Specificity
Understanding the tricky concept of Specificity, and how styles override each other.
Understanding Selectors
How to target elements and blocks, and apply your styles to the sheet.
CSS Grid Layouts
Lying out your sheet into columns and grids, with a surprisingly simple system.
Text and Fonts
Text and associated properties (such as underlining and shadow effects), and using Google Fonts.
Images and Colours
Decorating the sheet with images and colour.
How Elements are Displayed
How to arrange elements on the page. Understanding the box model of CSS and the display property.
