I spent some time exploring how to improve the UX of code blocks on the web

#1

Post by lovelydrop » Thu, May 06, 2021, 12:16 PM UTC

I spent some time exploring how to improve the UX of code blocks on the web
ped.ro

Re: I spent some time exploring how to improve the UX of code blocks on the web

#2

Post by milliams » Fri, May 07, 2021, 4:40 PM UTC

I wish the "Click a highlighted word to navigate to a different page" was just an tag rather than a JavaScript onclick handler.

Re: I spent some time exploring how to improve the UX of code blocks on the web

#3

Post by uberswe » Fri, May 07, 2021, 4:48 PM UTC

milliams wrote: post #2

I wish the "Click a highlighted word to navigate to a different page" was just an tag rather than a JavaScript onclick handler.

I agree, I like to see where I'm going

Re: I spent some time exploring how to improve the UX of code blocks on the web

#4

Post by macando » Fri, May 07, 2021, 4:51 PM UTC

The date on this article is June 02, 2021

Other than that, a great write-up.

Re: I spent some time exploring how to improve the UX of code blocks on the web

#5

Post by AlexeyMK » Fri, May 07, 2021, 4:54 PM UTC

This is super well done & polished. Will try out for future blog posts.

Thank you!

Re: I spent some time exploring how to improve the UX of code blocks on the web

#6

Post by randomfool » Fri, May 07, 2021, 5:02 PM UTC

Does anyone know if there's a trick to avoid the trailing newline when double-clicking a line to copy/paste it elsewhere?

This always annoys me for single-line commands. I'd love a CSS solution but can only think of some ugly JS approaches.

Re: I spent some time exploring how to improve the UX of code blocks on the web

#7

Post by lovelydrop » Fri, May 07, 2021, 5:19 PM UTC

uberswe wrote: post #3

milliams wrote: post #2

I wish the "Click a highlighted word to navigate to a different page" was just an tag rather than a JavaScript onclick handler.

I agree, I like to see where I'm going

great idea! implemented, and updated the article. thank you.

Re: I spent some time exploring how to improve the UX of code blocks on the web

#8

Post by lovelydrop » Fri, May 07, 2021, 5:20 PM UTC

AlexeyMK wrote: post #5

This is super well done & polished. Will try out for future blog posts. Thank you!

thank you <3

Re: I spent some time exploring how to improve the UX of code blocks on the web

#9

Post by lovelydrop » Fri, May 07, 2021, 5:21 PM UTC

macando wrote: post #4

The date on this article is June 02, 2021 Other than that, a great write-up.

loool, ooops. fixed, thank you

Re: I spent some time exploring how to improve the UX of code blocks on the web

#10

Post by carlosperate » Fri, May 07, 2021, 5:28 PM UTC

This is pretty good! One thing I wasn't able to trigger (or understand) was the "hover me" part from the "Interact with the content" section.