Twitter | Search | |
This is the legacy version of twitter.com. We will be shutting it down on 15 December 2020. Please switch to a supported browser or device. You can see a list of supported browsers in our Help Center.
Felix Kohlgrüber
Challenge: Use HTML / CSS to make a random code sample more readable. My first experiment (see second screenshot): using a proportional font for "words" in the code. Font is / Sans, experiment source:
Reply Retweet Like More
nicolas decoster 30 Jul 19
Replying to @FKohlgrueber @FiraCode
Here is my attempt: contrast comment contents to make them more visible. Use a "sticky note" visual metaphor as they are here to remind information to readers of the code. Also, shadow the "//" as it no more conveys any useful information. Source:
Reply Retweet Like
Adrian Sieber 30 Jul 19
Replying to @FKohlgrueber @FiraCode
Syntax visualization instead of syntax highlighting is my mantra 😉
Reply Retweet Like