loading...
Cover image for 🖥️ How I share my code

🖥️ How I share my code

iainfreestone profile image Iain Freestone Updated on ・2 min read

When I am composing tweets or writing short blog posts I like to post images of small code snippets as I think it is a nice way of quickly getting to the nitty-gritty. I try to keep these code snippets as short and concise as possible.

My go-to tool for a long time has been Carbon which if you have not heard of them directly you will likely have seen the images that it produces.

Carbon INput

Carbon

More recently I have started experimenting with two other code image generators firstly is CodeImg

One of the great features that CodeImg has over Carbon is its Social Network templates which makes it super easy to create the perfect size image.

CodeImg

CodeImg

The other tool I have been using is a Visual Studio Code extension called Polacode that allows you to capture images directly from the IDE which makes it very efficient.

Polacode

Polacode

All three have there pros and cons and as they are all free to use I would suggest giving each a try.

The major downside of posting an image of code is that if someone finds it useful there is no easy way of copying the code. So when possible I like to also post the code in a manner that allows this, it also helps greatly with accessibility.

For small snippets I will generally use either Github Gists or use PrismJS

Github Gist

Alt Text

PrismJS Input/Output

For larger amounts of code or if I want to share a working version of the code the I will generally embed a project from either CodeSandbox or CodePen

CodeSandbox Embed

If you enjoyed this little article you can follow me on Twitter where I regularly post bite size tips relating to HTML, CSS and JavaScript.

Posted on May 29 by:

iainfreestone profile

Iain Freestone

@iainfreestone

A Web developer from Hampshire in the south of England.

Discussion

markdown guide
 

Definitely going to try Polacode now... anything I can do within VS Code is a bonus.

 

It is very handy not to have to leave the your IDE you also get the benefits of keeping your theme and fonts etc.

 

Carbon.sh is great, will have to checkout CodeImg