DEV Community

Cover image for 6 Awesome Ways To Present Your Code 🔥

6 Awesome Ways To Present Your Code 🔥

Niharika Singh ⛓ on August 21, 2020

At some point, every developer has to present code snippets. This could be for a presentation, or a tweet, or a blog, or just to go through a snipp...
Collapse
 
mhomol profile image
Mike Homol

Thank you for sharing! I think I only knew about Polacode so these are some welcome additions!

Collapse
 
niharrs profile image
Niharika Singh ⛓

The more, the better! 😉

Collapse
 
mhomol profile image
Mike Homol

indeed lol

Collapse
 
marcoslooten profile image
Marco Slooten

Very cool!

I've recently launched Snippet Shot (snippetshot.com) which is very similar to the above tools (but simpler). Despite doing (some) research, there's still a few on the list I didn't know about (like codeimg)! Thanks for that :)

Collapse
 
qainsights profile image
NaveenKumar Namachivayam ⚡

Snippet shot is cool. Why it is showing to buy the Font? :)

Collapse
 
marcoslooten profile image
Marco Slooten • Edited

Thank you for the kind words. Regarding the link: Some people are interested in the font (it’s a very good one), so there’s an (affiliate) link in case someone wants to actually buy it. I get a small percentage of that (if someone uses that link) and my hope is that it will cover hosting costs in case Snippet Shot gets more popular.

Thread Thread
 
qainsights profile image
NaveenKumar Namachivayam ⚡

Got it. Thanks :) Probably you need to add that note. It is confusing whether I need to buy the font first before download the snippet :)

Thread Thread
 
marcoslooten profile image
Marco Slooten

That's good feedback – did not consider that it might be confusing. I will think about improving that part.

Collapse
 
niharrs profile image
Niharika Singh ⛓

That’s so cool! Snippetshot looks awesome

Collapse
 
scroung720 profile image
scroung720

The Polacode extension is super cool and useful. Thanks for sharing.

Collapse
 
niharrs profile image
Niharika Singh ⛓

Thank you! I am glad you found it helpful.

Collapse
 
iaziz786 profile image
Mohammad Aziz

In the Polacode gif, I see the keyboards which is getting typed is showing. I have been searching for something like that, Do you have any idea how it is happening?

By the way, good post to add in the reading list 👏

Collapse
 
niharrs profile image
Niharika Singh ⛓

You can check out their GH repo to find out how they do it.

Thank you :)

Collapse
 
digitalcolony profile image
Michael Allen Smith • Edited

For those on Windows having issues with Polacode, checkout CodeSnap. It works fine with the latest version of VS Code.

github.com/kufii/CodeSnap

Collapse
 
niharrs profile image
Niharika Singh ⛓

Thanks for sharing!

Collapse
 
pengeszikra profile image
Peter Vivo

thanks Polacode don't worked me, but CodeSnap fine

Collapse
 
desbest profile image
Adisa Nicholson • Edited

I don't think it's a good idea for services to display screenshots of code. People want to be able to copy and paste.

I used to use Github Gists for storing snippets of code, then I switched to Gitlab Snippets.

Collapse
 
borche profile image
Andreas Börjesson

Why would you use these instead of taking a screenshot of your code in the editor and share it?

Collapse
 
niharrs profile image
Niharika Singh ⛓

Well, for many reasons. Taking screenshot of the code is not very readable. Usually font size of an editor is small. These tools help you customise the appearance of the code making them look cleaner. You might need screenshots in different sizes depending on the social media you use. Simply taking a screenshot doesn't really have much utility.

Collapse
 
borche profile image
Andreas Börjesson

Ok, I disagree. Ctrl+scroll wheel (or plus sign) in the editor for a temporary boost in font size and then screenshot and then roll it back. If you also have a appealing color scheme for your code, it already looks good. Done in 5 sec. Been doing it this way forever for sharing code in chats/email. Maybe these tools are better for sharing on social media?

Thanks for the article, I didn't know about these tools. :-)

Collapse
 
yvettelau profile image
YvetteLau

Very cool!

I want to translate it into Chinese to help more developers, Can I get your authorization?
I will give credit at the top of the article.

Collapse
 
niharrs profile image
Niharika Singh ⛓

Thank you. Of course! Looking forward to it.

Collapse
 
andrewbaisden profile image
Andrew Baisden

Cool I already knew about carbon.now.sh the others are new to me.

Collapse
 
hussein_ouda profile image
Hussein Ouda • Edited

A wonderful topic that deserves to be archived and published
Niharika persisted

Collapse
 
niharrs profile image
Niharika Singh ⛓

Thank you very much! :)

Collapse
 
niharrs profile image
Niharika Singh ⛓

Haha finally the burning question has been answered!

Collapse
 
fahad07_khan profile image
Fahad Khan

very informative article and I used to take screenshots of my code while sharing with someone but now I have a new path to represent my code in a beautiful way. Thanks

Collapse
 
niharrs profile image
Niharika Singh ⛓

That's great! Thanks!

Collapse
 
ruanbm profile image
RuanBM

Very cool. !!

Collapse
 
niharrs profile image
Niharika Singh ⛓

Thanks!

Collapse
 
peck_arthur profile image
Arthur Peck

Nice post! Is Polacode broken with other users too in VScode? Im not able to save when pressing the shutter button :(

Collapse
 
niharrs profile image
Niharika Singh ⛓

Thank you!

Well, it seems to be working just fine for me. Maybe you need to update VS Code?

Collapse
 
scroung720 profile image
scroung720

I am trying to use it. It seems that is not working for me. I have VS Code running on windows.

Collapse
 
niharrs profile image
Niharika Singh ⛓

Ah! Another one had a similar problem. I tried it on my laptop, and it worked fine. (MacOS)

Maybe you can report an issue on their GH.

Collapse
 
rahmanfadhil profile image
Rahman Fadhil

Awesome 🤩, I always use carbon.now.sh, but I never thought there's an alternative 😂

Collapse
 
niharrs profile image
Niharika Singh ⛓

Thanks!

There's an alternative to everything. It's always beneficial to explore them! :D

Collapse
 
digituar profile image
digituar

Thank you for sharing! A very helpful addition

Collapse
 
niharrs profile image
Niharika Singh ⛓

Thank you! :)

Collapse
 
himujjal profile image
Himujjal Upadhyaya

You forgot Svelte playground. BTW checkout Svelte. Its the best framework I have ever used. Its just magical.

Collapse
 
niharrs profile image
Niharika Singh ⛓

I’ll check it out :)

Collapse
 
ryanleecode profile image
Ryan Lee • Edited

I think you should remove Pastie, it is not HTTPs, which is a huge security risk if people are using it at work. Or at least put a big disclaimer :)

Collapse
 
niharrs profile image
Niharika Singh ⛓

Thanks for pointing it out!

Collapse
 
imjoshellis profile image
Josh Ellis

Thanks for this great resource!

Collapse
 
niharrs profile image
Niharika Singh ⛓

I’m glad this was helpful to you.

Collapse
 
vjnvisakh profile image
Visakh Vijayan

I use carbon on a daily basis to share snippets with interns. Very helpful stuff.

Collapse
 
niharrs profile image
Niharika Singh ⛓

That’s really cool!

Collapse
 
moopet profile image
Ben Sinclair
Collapse
 
niharrs profile image
Niharika Singh ⛓

I agree. One shouldn’t use screenshots of code in a blog tutorial. Using gist would be a better option. But from illustration point of view, for example on instagram or twitter, screenshot seems to be the only option.

Collapse
 
peterklein profile image
Peter Klein

Polacode is the one i use. I Love it, it is fast and beautiful

Collapse
 
raihanevan profile image
Raihan Evan

Thanks a lot Dear!

Collapse
 
niharrs profile image
Niharika Singh ⛓

You are welcome!

Collapse
 
chainhead profile image
mrchainhead

Which of these options provide a copy icon to copy the snippet?