Single Comment

The problem with the ffen is that the diagram is generated as a HTML list,
with each list item a row of piece images. If there is not enough space,
browsers start wrapping such lines, or mutilate them otherwise.

HTML tables seem more robust against browser mutilation. At least if their
cells contain 'incompressible' images rather than text. When they don't
fit the browsers tend to use scrolls, rather than attempting to shrink
them. When I display my interactive diagrams on very cramped mobile
dislays, like phones, however, the browsers still don't seem to be able to
resist shrinking the size of completely empty ranks and files to below the
specified pixel size. I guess this can be cured by providing a full-size
image of an empty square, completely transparent, and using that
everywhere. Currently I just leave empty squares without any content.