Topic: Code Display in Browser

[kdub_nz]

I've been playing.

. . . with the idea of displaying c# code on a site.
Trying to leverage the bits I've learnt.


Is this too garish ??

[It's Alive!]

yikes .. there used to be a plugin for VS C# to HTML

[kdub_nz]

Yep !

One version gives me this.

Just need to ref some [additional]  font styles.

[kdub_nz]

Output honours fonts in VS editor
I'll need to parse the file to change those , OR force the browser to download the fonts . . which is pretty economical

[kdub_nz]

This is my actual VS Editor
. .
The selected line is about 87 characters long

[It's Alive!]

I've been using consolas. I wonder what GIThub uses for format code

[pkohut]

As someone with diminishing vision, I struggle with Windows font rendering and fight with it after every reinstall of 10/11.
For example I have 2 monitors of QHD which are 27 and 32 inch.  After much trial and error, a custom scaling of 127 is best for me for most windows applications and the desktop.  Having a stigmatism makes Dark themes a no go.  Some dark themes look great but cause headaches.

Out of the box, VS Code has fantastic font rendering all around, whereas VS absolutely sucks for me for side menus, dialog boxes, etc.,  editor looks OK.  A resent Google search of VS 2022 community fonts are blurry, brought me to a plugin of "Text Sharp".  After install, I'd say font are 80 percent in VSC.

One theme in VSC I think is fantastic is "Tomorrow Dark Blue", but it still causes headaches.  The theme I use for coding is "Blue (extra contrast)"

I am a less is more when it comes to themes and think the GitHub theme is a good balance.

BTW, the screenshot from D, look fuzzy, what programs are these from?

TIA

[It's Alive!]

windows snip win+shift+s or something.

I noticed everything done in WPF, .net is blurry... but I'm old, so that could be it 

[kdub_nz]

Took me half hour to get rid of the inclined Text in the VS editor.
Visual Assist was the culprit.

Font is now Consolas again ( in place of Cascadia Mono ) . . . so no text style  downloads required for most people

[pkohut]

windows snip win+shift+s or something.

I noticed everything done in WPF, .net is blurry... but I'm old, so that could be it 

Sorry, meant what editor is the screen shot of? 

[It's Alive!]

visual studio, my screen shot tool shrinks the image, why its blurry

[kdub_nz]

Just need to add header and Line numbers.

Not quite as gaudy as the first couple.

[It's Alive!]

looks good!

[kdub_nz]

Next Iteration :

The Code pane text is 20px.  Will probably revert to 16px  ( 1em or 12 pt )
The width suits about 82 characters. ( will have scroll bars when needed )

On a 'normal monitor' there will be enough room to have notes on the right section.

The side menu will eventually be a collapsable tree structure
I 'may' add tooltips to the menu options ( undecided )

Undecided about adding line numbers 

[It's Alive!]

looks great!

have you seen this? https://gist.github.com/