Hey there 😊

If you like what you read, feel free to …

🥗Buy me a salad
Share this 💬

Copy code button

Copy code button

There has been an update regarding the UX of the blog.

A new button!

Users are now able to copy off the code of the code blocks with just a button click.

The button is placed on the top right corner of the code block and gets a transparent background when hovered (to prevent covering underlying code fragments).

Copy code button screenshot
Content of code blocks can be copied now

It’s being hidden on mobile as most of the users probably don’t have an IDE installed on their phones and it otherwise disturbs the visuals on small screens.

This change immediately affects all code blocks on the website. When the button is tapped, the code is being copied to the clipboard and can then be inserted into the IDE of your choice.


Here is an example using a simple line of my not-so-favorite language Javascript:

1console.log('You can easily copy me now!');

Comment this 🤌

You are replying to 's commentRemove reference