- Blind mode tutorial
lichess.org
Donate

Coordinates notation on the board squares?

As the title suggests, is there a way to display the coordinates notation on every single board square, or upload my own table desing? I believe it would be a helpful method for learning the squares much like how one learns a QWERTY keyboard by daily use, don't you agree? Is it an idea to be taken into account by Lichess??

As the title suggests, is there a way to display the coordinates notation on every single board square, or upload my own table desing? I believe it would be a helpful method for learning the squares much like how one learns a QWERTY keyboard by daily use, don't you agree? Is it an idea to be taken into account by Lichess??

I don't think it would be useful. Besides being a complete visual mess, it would take away any incentive to remember those things at all.

It isn't really difficult to learn the squares; and if you want to learn faster, then switch the coordinates off...

I don't think it would be useful. Besides being a complete visual mess, it would take away any incentive to remember those things at all. It isn't really difficult to learn the squares; and if you want to learn faster, then switch the coordinates off...

You can create two board images with coordinates and then use Stylus with these userstyles:

.is2d .orientation-white cg-board {background-image: url("https ://img-with-coords-for-white-at-the-bottom") !important;}
.is2d .orientation-black cg-board {background-image: url("https ://img-with-coords-for-black-at-the-bottom") !important;}

Also possible to convert images to base64 and embed them instead of using the URL, e.g.

background-image: url("data:image/svg+xml;base64,base64-coverted-text-here") !important;

you would need to use correct MIME type:
https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types#image_types

You can create two board images with coordinates and then use Stylus with these userstyles: .is2d .orientation-white cg-board {background-image: url("https ://img-with-coords-for-white-at-the-bottom") !important;} .is2d .orientation-black cg-board {background-image: url("https ://img-with-coords-for-black-at-the-bottom") !important;} Also possible to convert images to base64 and embed them instead of using the URL, e.g. background-image: url("data:image/svg+xml;base64,base64-coverted-text-here") !important; you would need to use correct MIME type: https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types#image_types
<Comment deleted by user>

Should work the same way, except instead of .is2d you would need to use .is3d class.

Should work the same way, except instead of .is2d you would need to use .is3d class.

@nadjarostowa said in #2:

I don't think it would be useful. Besides being a complete visual mess, it would take away any incentive to remember those things at all.

It isn't really difficult to learn the squares; and if you want to learn faster, then switch the coordinates off...

I made an image with very transparent notations so that they aren't a mess, but I think that since you can improve in tactics and strategy by repetition, you could improve in coordinates in the same way. Why not? (as I said before, you can type quickly on a computer because you already know the position of the keys by repetition). I would like to give it a try :)

@nadjarostowa said in #2: > I don't think it would be useful. Besides being a complete visual mess, it would take away any incentive to remember those things at all. > > It isn't really difficult to learn the squares; and if you want to learn faster, then switch the coordinates off... I made an image with very transparent notations so that they aren't a mess, but I think that since you can improve in tactics and strategy by repetition, you could improve in coordinates in the same way. Why not? (as I said before, you can type quickly on a computer because you already know the position of the keys by repetition). I would like to give it a try :)

@bufferunderrun said in #4:

You can create two board images with coordinates and then use Stylus with these userstyles:

.is2d .orientation-white cg-board {background-image: url("https ://img-with-coords-for-white-at-the-bottom") !important;}
.is2d .orientation-black cg-board {background-image: url("https ://img-with-coords-for-black-at-the-bottom") !important;}

Also possible to convert images to base64 and embed them instead of using the URL, e.g.

background-image: url("data:image/svg+xml;base64,base64-coverted-text-here") !important;

you would need to use correct MIME type:
developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types#image_types

Thank you sooo much!!!

@bufferunderrun said in #4: > You can create two board images with coordinates and then use Stylus with these userstyles: > > .is2d .orientation-white cg-board {background-image: url("https ://img-with-coords-for-white-at-the-bottom") !important;} > .is2d .orientation-black cg-board {background-image: url("https ://img-with-coords-for-black-at-the-bottom") !important;} > > Also possible to convert images to base64 and embed them instead of using the URL, e.g. > > background-image: url("data:image/svg+xml;base64,base64-coverted-text-here") !important; > > you would need to use correct MIME type: > developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types#image_types Thank you sooo much!!!
<Comment deleted by user>

This topic has been archived and can no longer be replied to.