That remark was when using Firefox, in Chrome it is the Unicode that works perfectly. Both used in Linux.
In Android with Opera none of them align properly, but the chess pieces do appear.
For me - Chrome on Windows, the pieces are a little larger than the empty spaces. This causes the board to be shifted around a bit. For instance, the move you showed has the rook in line three half way between the second and third pawn in line 2. This is true for all three versions.
They line up, etc… But way too small. Can barely tell they are chess pieces. The Knights in particular look like irregular blobs. Regular font is better than new.
I could probably zoom the page but then I’d have to keep fudging with it.
This is probably going to be the big issue. People have the default size set to different amounts based on their screen size, preferences, etc. One-size-fits-all isn’t going to happen.
Iphone Safari. The elipsis seem to throw the spacing of everything off.
I think a monospace font like Courier New is definitely best for something like chess that absolutely requires alignment, if we have one. It doesn’t line up to me on Chrome though.
All three look good on my Mac using Firefox. Spacing is best in regular font.
OSX, whatever the latest Firefox is: Both the code and the courier versions line up correctly for me, while the default font does not. However, in all cases, the characters for the pieces look blobby and somewhat indistinct. While individual sizes will vary, I suspect it might be a good idea to increase the base size by one step anyway.
For alignment purposes, I’ve always found it best to use the code tags. However, it does take tweaking to set up cleanly, as the edit font isn’t monospace.
In Chrome on my machine, all the periods and spaces as empty blocks are smaller than the characters in all formats, so it throws off alignment. All show the black pieces aligned with each other, the empty board section is squished left, the white pawns align with black, and the white row below has the empty spot for the knight throwing off spacing on the last line.
You may need to use more dots and spaces. That probably only works inside code tags. Default mode for web in all fonts seems to be to concatenate spaces (i.e. scrunch them).
Okay, I’ve been playing with this in Preview Post, and it appears the problem is that the Chess pieces are not the same width as the characters. I have not successfully found a way to fix the spacing issue. I have tried, in code tags
Changing the number of spaces. No joy.
Changing the … to … or … . No joy.
Changing the … to _ or __ . No joy.
Changing the size of the font for the spacing characters to 3, 4, and 5. 4 is too small and 5 is too big.
I can’t get anything to work.
Yes, that seems to be the main problem, the Chess pieces are not the same width as the characters, the ones making the new ASCII characters should had made squares of the same width.
Oh well, I will experiment with other formats; I’m not trying to make a chess game, but the challenge is to make an easy to edit ascii set to show positions to other posters and students without having to link outside.
Thank you all for your feedback.
That looks fine to me. Good job.
Yeah, although it is a little bit off for the ellipsis’s, it looks good enough for position notes. Thanks a lot Quartz!
Widows and Firefox
The spacing isn’t working at all
the empty spaces are way too narrow (eight empty spaces is same width as five chess pieces)
the letters about half a row too narrow
I’m not seeing ellipsis with the last attempt, just a black square
Doesn’t look quite right to me. This is what I see.
I also see the letters unaligned, but pushed to the right. All else is cool. And you could live with the letters either way.
Win 7, Firefox 34.0.5. In the OP, none of the examples is correctly aligned.
Quartz’s post contains a perfectly chessboard.