Dev Blogging 101 - Generating a Code Snippet with Carbon

One of the first steps to reaching a wider audience as a developer blog is providing interesting, visual content. Carbon.now.sh (opens new window) does a great job it.

Cody Bontecou  · Jul 06 2020 ·  minute read

Carbon is a simple, single page application built to provide you with an online IDE with the sole purpose of generating codes snippets.

Preview of a code snippet image generated by Carbon.now.sh

Controls

It gives you a surprising amount of control over the look and feel of your code snippet, providing the following features:

1. The use of popular IDE themes such as VSCode, Dracula Pro, and Night Owl
2. Syntax highlighting based on specified programming language
3. Custom background color with convenient to use color picker
4. CSS controls: padding, drop shadow, width, font, font-size, line height
5. The ability to watermark your generated image
6. Window control to replicate the look and feel of writing in a real IDE
7. Line number and hidden character control

Screenshot of the controls Carbon offers to adjust IDE window settings

Hope this helps you along your Developer Blogging journey. I've found it to be a very fun tool and I plan on using it for all of my code snippets.