{"id":28384,"date":"2018-02-15T10:28:33","date_gmt":"2018-02-15T08:28:33","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=28384"},"modified":"2018-02-15T10:28:33","modified_gmt":"2018-02-15T08:28:33","slug":"carbon-beautiful-screenshots-of-your-source-code","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/15\/carbon-beautiful-screenshots-of-your-source-code\/","title":{"rendered":"Carbon &#8211; beautiful screenshots of your source code"},"content":{"rendered":"<!-- google_ad_section_start -->\n<p><a href=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/02\/carbon.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"28385\" data-permalink=\"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/15\/carbon-beautiful-screenshots-of-your-source-code\/carbon\/\" data-orig-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/02\/carbon.png?fit=1760%2C742&amp;ssl=1\" data-orig-size=\"1760,742\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"carbon\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/02\/carbon.png?fit=660%2C278&amp;ssl=1\" class=\"aligncenter size-medium wp-image-28385\" src=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/02\/carbon-500x211.png?resize=500%2C211&#038;ssl=1\" alt=\"\" width=\"500\" height=\"211\" srcset=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/02\/carbon.png?resize=500%2C211&amp;ssl=1 500w, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/02\/carbon.png?resize=768%2C324&amp;ssl=1 768w, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/02\/carbon.png?resize=1024%2C432&amp;ssl=1 1024w, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/02\/carbon.png?w=1760&amp;ssl=1 1760w, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/02\/carbon.png?w=1320 1320w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><a href=\"https:\/\/carbon.now.sh\/\">Carbon<\/a> &#8211; is a very simple, but very useful web tool for creating beautiful screenshots of the source code.\u00a0 And yes, before you start correcting me, I know that source code is always more useful as a listing, which can be copy-pasted, searched, and so on, rather than an image.\u00a0 But there are still plenty of scenarios when you just need it fixed and frozen.<\/p>\n<p>Carbon provides plenty of flexibility in a very friendly user interface &#8211; code highlighting for a variety of programming languages and configuration files, editor themes, window controls, fonts, and more.\u00a0 \u00a0There&#8217;s also a very simple way to tweet the screenshot directly from Carbon, if that&#8217;s what you want to do.<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>Carbon &#8211; is a very simple, but very useful web tool for creating beautiful screenshots of the source code.\u00a0 And yes, before you start correcting me, I know that source code is always more useful as a listing, which can be copy-pasted, searched, and so on, rather than an image.\u00a0 But there are still plenty &hellip; <a href=\"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/15\/carbon-beautiful-screenshots-of-your-source-code\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Carbon &#8211; beautiful screenshots of your source code<\/span><\/a><\/p>\n<!-- google_ad_section_end -->\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Carbon - beautiful screenshots of your source code #WebDev #PHP #JavaScript","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_links_to":"","_links_to_target":""},"categories":[1,18,62,1334],"tags":[1139,38,2297,1330],"keyring_services":[],"class_list":["post-28384","post","type-post","status-publish","format-standard","hentry","category-general","category-programming","category-technology","category-web-work","tag-javascript","tag-php","tag-text-editors","tag-web-development"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":27845,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/08\/14\/pre-commit-a-framework-for-managingmulti-language-git-pre-commit-hooks\/","url_meta":{"origin":28384,"position":0},"title":"pre-commit &#8211; a framework for managingmulti-language git pre-commit hooks","author":"Leonid Mamchenkov","date":"August 14, 2017","format":false,"excerpt":"From the pre-commit homepage: Git hook scripts are useful for identifying simple issues before submission to code review. We run our hooks on every commit to automatically point out issues in code such as missing semicolons, trailing whitespace, and debug statements. By pointing these issues out before code review, this\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":36383,"url":"https:\/\/mamchenkov.net\/wordpress\/2019\/02\/27\/intro-to-basic-web-application-security\/","url_meta":{"origin":28384,"position":1},"title":"Intro to basic web application security","author":"Leonid Mamchenkov","date":"February 27, 2019","format":false,"excerpt":"\"Intro to basic web application security\" is an excellent overview of the most common mistakes web developers make when it comes to security. The article provides practical examples (including code snippets and screenshots), which illustrate the problems and ways to solve them. The list includes: SQL injection (of course! no\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/02\/security.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/02\/security.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/02\/security.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/02\/security.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":27811,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/07\/29\/browser-screenshots-with-php-and-google-chrome-59\/","url_meta":{"origin":28384,"position":2},"title":"Browser screenshots with PHP and Google Chrome 59+","author":"Leonid Mamchenkov","date":"July 29, 2017","format":false,"excerpt":"The release of Google Chrome 59 brought some really cool features. \u00a0One of them in particular was all over the technology news - headless mode. \u00a0Being able to run the browser engine without the graphical interface, and having control from the command line and API has many benefits. One of\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/07\/screenshot-500x281.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":15802,"url":"https:\/\/mamchenkov.net\/wordpress\/2011\/10\/28\/think-like-a-git\/","url_meta":{"origin":28384,"position":3},"title":"Think Like a Git","author":"Leonid Mamchenkov","date":"October 28, 2011","format":false,"excerpt":"Being a sysadmin and web developer I read plenty of technical documentation - manuals, tutorials, howtos, and so on and so forth. Most of it is usually very dry and boring. Unless, of course, we are talking about Open Source Software. That area is often very human, with plenty of\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2011\/10\/Think-Like-a-Git-500x270.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":18313,"url":"https:\/\/mamchenkov.net\/wordpress\/2013\/06\/04\/chrome-devtools-authoring-development-workflow\/","url_meta":{"origin":28384,"position":4},"title":"Chrome DevTools : Authoring &#038; development workflow","author":"Leonid Mamchenkov","date":"June 4, 2013","format":false,"excerpt":"Via this Habrahabr article (in Russian) I've learned way more about Chrome DevTools than I knew before. \u00a0Code snippets is a useful feature that is available in pretty much every code editor, but seems to be more useful in the environment, where the snippets can actually be executed. \u00a0Also, Workspaces\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/img.youtube.com\/vi\/kVSo4buDAEE\/0.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":27425,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/03\/18\/practical-color-theory-for-people-who-code\/","url_meta":{"origin":28384,"position":5},"title":"Practical Color Theory for People Who Code","author":"Leonid Mamchenkov","date":"March 18, 2017","format":false,"excerpt":"Practical Color Theory for People Who Code is an excellent guide to color theory for developers. \u00a0If you'd rather rely on simple formulas for color combinations, than on your own authentic eye, this guide is for you.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/03\/colors-500x311.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/28384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=28384"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/28384\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=28384"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=28384"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=28384"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=28384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}