{"id":2645,"date":"2017-11-23T01:12:15","date_gmt":"2017-11-22T23:12:15","guid":{"rendered":"http:\/\/mariusbancila.ro\/blog\/?p=2645"},"modified":"2017-11-27T11:29:53","modified_gmt":"2017-11-27T09:29:53","slug":"memeful-comments-extension-for-visual-studio","status":"publish","type":"post","link":"https:\/\/mariusbancila.ro\/blog\/2017\/11\/23\/memeful-comments-extension-for-visual-studio\/","title":{"rendered":"Memeful comments extension for Visual Studio"},"content":{"rendered":"<p>It&#8217;s said that a picture is worth a thousand words. An animated GIF is probably worth even more. I have always wanted to show my reaction to code with pictures. Being able to display images along source code could have a lot of benefits beyond that. By inserting images within code we could better explain snippets, visualize algorithms, or other things. Luckily Visual Studio allows us to customize the WPF editor with extensions that actually enable us to do so. Therefore I have created an editor extension for Visual Studio that enables displaying images, including animated GIFs, within the source code. It&#8217;s called Memeful Comments and is available for free in the Visual Studio marketplace.<\/p>\n<div class=\"note-lite\">\nDownload the extension from <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=MariusBancila.memefulcomments\" rel=\"noopener\" target=\"_blank\">Visual Studio Marketplace<\/a>.<\/p>\n<p>The source code is publically available on <a href=\"https:\/\/github.com\/mariusbancila\/memefulcomments\" rel=\"noopener\" target=\"_blank\">GitHub<\/a>.<\/div>\n<p>Here is how it works: original source code like this JavaScript snippet<\/p>\n<pre class=\"lang:js decode:true \" >'use strict';\r\nvar http = require('http');\r\nvar port = process.env.PORT || 1337;\r\n\r\n\/\/ it's that simple\r\n\/\/ &lt;image url=\"http:\/\/i.memeful.com\/media\/post\/BRkjDbM_700wa_0.gif\" \/&gt;\r\nhttp.createServer(function (req, res) {\r\n    res.writeHead(200, { 'Content-Type': 'text\/plain' });\r\n    res.end('Hello World\\n');\r\n}).listen(port);<\/pre>\n<p>is displayed as shown here when the extension is enabled:<\/p>\n\r\n\t<!-- Begin Video.js -->\r\n\t<video id=\"example_video_id_588925701\" class=\"video-js vjs-default-skin\" width=\"988\" height=\"524\" preload=\"none\" autoplay loop muted data-setup='[]'>\r\n\t\t\r\n\t\t<source src=\"http:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2017\/11\/comments_javascript.webm\" type='video\/webm; codecs=\"vp8, vorbis\"' \/>\r\n\t\t\r\n\t<\/video>\r\n\t<!-- End Video.js -->\r\n\n<div class=\"tip-icon-lite\">\nThe following languages are supported:<\/p>\n<ul>\n<li>C#<\/li>\n<li>C and C++<\/li>\n<li>F#<\/li>\n<li>VB.NET<\/li>\n<li>JavaScript and TypeScript<\/li>\n<\/ul>\n<\/div>\n<p>Here is a longer video showing how this works while editing text.<\/p>\n\r\n\t<!-- Begin Video.js -->\r\n\t<video id=\"example_video_id_1168174841\" class=\"video-js vjs-default-skin\" width=\"800\" height=\"600\" controls preload=\"none\" data-setup='[]'>\r\n\t\t\r\n\t\t<source src=\"http:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2017\/11\/comments_csharp2.webm\" type='video\/webm; codecs=\"vp8, vorbis\"' \/>\r\n\t\t\r\n\t<\/video>\r\n\t<!-- End Video.js -->\r\n\n<p>To display images, including animated ones, in your source code in any of the supported languages, you have to add an <tt>&lt;image&gt;<\/tt> tag. The following attributes are supported:<\/p>\n<table class=\"coogeegrid\">\n<tr>\n<th>Attribute<\/th>\n<th>Required<\/th>\n<th>Description<\/th>\n<\/tr>\n<tr>\n<td><tt>url<\/tt> or <tt>src<\/tt><\/td>\n<td>Yes<\/td>\n<td>Represents the source of the image. It can be either from a local disk or from the web. If the file is from the local disk it can be either absolute or relative to the document path.<\/td>\n<\/tr>\n<tr>\n<td>scale<\/td>\n<td>No<\/td>\n<td>Indicates a scaling factor for the image. Notice that a very large scale might make the image impossible to display.<\/td>\n<\/tr>\n<\/table>\n<p>Here are examples in various programming languages:<\/p>\n<ul>\n<li>C#\n<pre class=\"lang:default decode:true \" >\/\/\/ &lt;summary&gt;\r\n\/\/\/ This is an example.\r\n\/\/\/ &lt;\/summary&gt;\r\n\/\/\/ &lt;image url=\"https:\/\/www.mathsisfun.com\/numbers\/images\/fibonacci.jpg\" scale=\"0.5\" \/&gt;   \r\n\r\nor\r\n\r\n\/\/ &lt;image src=\"http:\/\/i.memeful.com\/media\/post\/YROe6ew_700wa_0.gif\" \/&gt;  \r\n<\/pre>\n<\/li>\n<li>C++\n<pre class=\"lang:c++ decode:true \" >\/\/ code review: change this ASAP\r\n\/\/ &lt;image url=\"http:\/\/i.memeful.com\/media\/post\/VMV92nw_700wa_0.gif\" scale=\"0.5\"\/&gt;<\/pre>\n<p>\r\n\t<!-- Begin Video.js -->\r\n\t<video id=\"example_video_id_1592644428\" class=\"video-js vjs-default-skin\" width=\"640\" height=\"264\" controls preload=\"none\" data-setup='[]'>\r\n\t\t\r\n\t\t<source src=\"http:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2017\/11\/comments_cpp.webm\" type='video\/webm; codecs=\"vp8, vorbis\"' \/>\r\n\t\t\r\n\t<\/video>\r\n\t<!-- End Video.js -->\r\n\n<\/li>\n<li>VB.NET\n<pre class=\"lang:vbnet decode:true \" >''' &lt;summary&gt;\r\n''' This is a sample\r\n''' &lt;\/summary&gt;\r\n''' &lt;image url=\"http:\/\/i.memeful.com\/media\/post\/Bdq60Ww_700wa_0.gif\" \/&gt;\r\n\r\nor\r\n\r\n'' &lt;image url=\"http:\/\/i.memeful.com\/media\/post\/Bdq60Ww_700wa_0.gif\" \/&gt;<\/pre>\n<p>\r\n\t<!-- Begin Video.js -->\r\n\t<video id=\"example_video_id_2107081282\" class=\"video-js vjs-default-skin\" width=\"640\" height=\"264\" controls preload=\"none\" data-setup='[]'>\r\n\t\t\r\n\t\t<source src=\"http:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2017\/11\/comments_vbasic.webm\" type='video\/webm; codecs=\"vp8, vorbis\"' \/>\r\n\t\t\r\n\t<\/video>\r\n\t<!-- End Video.js -->\r\n\n<\/li>\n<li>F#\n<pre class=\"lang:c# decode:true \" >(* This looks neat!\r\n   &lt;image url=\"http:\/\/i.memeful.com\/media\/post\/LR8Elld_700wa_0.gif\" \/&gt;\r\n*)\r\n\r\nor\r\n\r\n\/\/ Examples\r\n\/\/ &lt;image url=\"http:\/\/i.memeful.com\/media\/post\/0MA2OXR_700wa_0.gif\" \/&gt;<\/pre>\n<p>\r\n\t<!-- Begin Video.js -->\r\n\t<video id=\"example_video_id_608904834\" class=\"video-js vjs-default-skin\" width=\"640\" height=\"264\" controls preload=\"none\" data-setup='[]'>\r\n\t\t\r\n\t\t<source src=\"http:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2017\/11\/comments_fsharp.webm\" type='video\/webm; codecs=\"vp8, vorbis\"' \/>\r\n\t\t\r\n\t<\/video>\r\n\t<!-- End Video.js -->\r\n\n<\/li>\n<li>JavaScript\/TypeScript\n<pre class=\"lang:default decode:true \" >\/\/ it's that simple\r\n\/\/ &lt;image url=\"http:\/\/i.memeful.com\/media\/post\/BRkjDbM_700wa_0.gif\" scale=\"1.2\" \/&gt;<\/pre>\n<p>\r\n\t<!-- Begin Video.js -->\r\n\t<video id=\"example_video_id_2120076\" class=\"video-js vjs-default-skin\" width=\"640\" height=\"264\" controls preload=\"none\" data-setup='[]'>\r\n\t\t\r\n\t\t<source src=\"http:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2017\/11\/comments_javascript-1.webm\" type='video\/webm; codecs=\"vp8, vorbis\"' \/>\r\n\t\t\r\n\t<\/video>\r\n\t<!-- End Video.js -->\r\n\n<\/li>\n<\/ul>\n<p>Enjoy the extension and send me feedback!<\/p>\n<div class=\"note-lite\">\n<strong>Credits<\/strong><br \/>\nThis extension is based on the <a href=\"https:\/\/github.com\/lukesdm\/image-comments\" rel=\"noopener\" target=\"_blank\">image-comments<\/a> extensions by <a href=\"https:\/\/github.com\/lukesdm\" rel=\"noopener\" target=\"_blank\">Luke McQuade<\/a>.<\/div>\n","protected":false},"excerpt":{"rendered":"<p>It&#8217;s said that a picture is worth a thousand words. An animated GIF is probably worth even more. I have always wanted to show my reaction to code with pictures. Being able to display images along source code could have a lot of benefits beyond that. By inserting images within code we could better explain &#8230; <a title=\"Memeful comments extension for Visual Studio\" class=\"read-more\" href=\"https:\/\/mariusbancila.ro\/blog\/2017\/11\/23\/memeful-comments-extension-for-visual-studio\/\" aria-label=\"Read more about Memeful comments extension for Visual Studio\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","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},"jetpack_post_was_ever_published":false},"categories":[52,10],"tags":[535,531,530,534,532,533,529],"class_list":["post-2645","post","type-post","status-publish","format-standard","hentry","category-tools","category-visual-studio","tag-animated","tag-comments","tag-extension","tag-gifs","tag-images","tag-memes","tag-visual-studio"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.3 - aioseo.com -->\n\t<meta name=\"description\" content=\"A Visual Studio extension that enables displaying images, including animated GIFs, alongside your code to enhance explanations with visuals or simply to express your reaction to the code.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Marius Bancila\"\/>\n\t<meta name=\"keywords\" content=\"visual studio,extension,comments,images,memes,gifs,animated\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/mariusbancila.ro\/blog\/2017\/11\/23\/memeful-comments-extension-for-visual-studio\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.3\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Marius Bancila&#039;s Blog | About code. Mostly on C++\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Memeful comments extension for Visual Studio\" \/>\n\t\t<meta property=\"og:description\" content=\"A Visual Studio extension that enables displaying images, including animated GIFs, alongside your code to enhance explanations with visuals or simply to express your reaction to the code.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/mariusbancila.ro\/blog\/2017\/11\/23\/memeful-comments-extension-for-visual-studio\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2017-11-22T23:12:15+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2017-11-27T09:29:53+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Memeful comments extension for Visual Studio\" \/>\n\t\t<meta name=\"twitter:description\" content=\"A Visual Studio extension that enables displaying images, including animated GIFs, alongside your code to enhance explanations with visuals or simply to express your reaction to the code.\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/2017\\\/11\\\/23\\\/memeful-comments-extension-for-visual-studio\\\/#article\",\"name\":\"Memeful comments extension for Visual Studio\",\"headline\":\"Memeful comments extension for Visual Studio\",\"author\":{\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/author\\\/admin\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/#organization\"},\"datePublished\":\"2017-11-23T01:12:15+02:00\",\"dateModified\":\"2017-11-27T11:29:53+02:00\",\"inLanguage\":\"en-US\",\"commentCount\":5,\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/2017\\\/11\\\/23\\\/memeful-comments-extension-for-visual-studio\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/2017\\\/11\\\/23\\\/memeful-comments-extension-for-visual-studio\\\/#webpage\"},\"articleSection\":\"Tools, Visual Studio, animated, comments, extension, gifs, images, memes, Visual Studio\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/2017\\\/11\\\/23\\\/memeful-comments-extension-for-visual-studio\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/#listItem\",\"name\":\"IT\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/#listItem\",\"position\":2,\"name\":\"IT\",\"item\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/software\\\/#listItem\",\"name\":\"Software\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/software\\\/#listItem\",\"position\":3,\"name\":\"Software\",\"item\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/software\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/software\\\/visual-studio\\\/#listItem\",\"name\":\"Visual Studio\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/#listItem\",\"name\":\"IT\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/software\\\/visual-studio\\\/#listItem\",\"position\":4,\"name\":\"Visual Studio\",\"item\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/software\\\/visual-studio\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/2017\\\/11\\\/23\\\/memeful-comments-extension-for-visual-studio\\\/#listItem\",\"name\":\"Memeful comments extension for Visual Studio\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/software\\\/#listItem\",\"name\":\"Software\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/2017\\\/11\\\/23\\\/memeful-comments-extension-for-visual-studio\\\/#listItem\",\"position\":5,\"name\":\"Memeful comments extension for Visual Studio\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/software\\\/visual-studio\\\/#listItem\",\"name\":\"Visual Studio\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/#organization\",\"name\":\"Marius Bancila's Blog\",\"description\":\"About code. Mostly on C++\",\"url\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/author\\\/admin\\\/#author\",\"url\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/author\\\/admin\\\/\",\"name\":\"Marius Bancila\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/2017\\\/11\\\/23\\\/memeful-comments-extension-for-visual-studio\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a84dd2831d955c38355ddea55df4df260809b88f36408bc14fd4eab8f7f131c9?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Marius Bancila\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/2017\\\/11\\\/23\\\/memeful-comments-extension-for-visual-studio\\\/#webpage\",\"url\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/2017\\\/11\\\/23\\\/memeful-comments-extension-for-visual-studio\\\/\",\"name\":\"Memeful comments extension for Visual Studio\",\"description\":\"A Visual Studio extension that enables displaying images, including animated GIFs, alongside your code to enhance explanations with visuals or simply to express your reaction to the code.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/2017\\\/11\\\/23\\\/memeful-comments-extension-for-visual-studio\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/author\\\/admin\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/author\\\/admin\\\/#author\"},\"datePublished\":\"2017-11-23T01:12:15+02:00\",\"dateModified\":\"2017-11-27T11:29:53+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/\",\"name\":\"Marius Bancila's Blog\",\"description\":\"About code. Mostly on C++\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Memeful comments extension for Visual Studio","description":"A Visual Studio extension that enables displaying images, including animated GIFs, alongside your code to enhance explanations with visuals or simply to express your reaction to the code.","canonical_url":"https:\/\/mariusbancila.ro\/blog\/2017\/11\/23\/memeful-comments-extension-for-visual-studio\/","robots":"max-image-preview:large","keywords":"visual studio,extension,comments,images,memes,gifs,animated","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mariusbancila.ro\/blog\/2017\/11\/23\/memeful-comments-extension-for-visual-studio\/#article","name":"Memeful comments extension for Visual Studio","headline":"Memeful comments extension for Visual Studio","author":{"@id":"https:\/\/mariusbancila.ro\/blog\/author\/admin\/#author"},"publisher":{"@id":"https:\/\/mariusbancila.ro\/blog\/#organization"},"datePublished":"2017-11-23T01:12:15+02:00","dateModified":"2017-11-27T11:29:53+02:00","inLanguage":"en-US","commentCount":5,"mainEntityOfPage":{"@id":"https:\/\/mariusbancila.ro\/blog\/2017\/11\/23\/memeful-comments-extension-for-visual-studio\/#webpage"},"isPartOf":{"@id":"https:\/\/mariusbancila.ro\/blog\/2017\/11\/23\/memeful-comments-extension-for-visual-studio\/#webpage"},"articleSection":"Tools, Visual Studio, animated, comments, extension, gifs, images, memes, Visual Studio"},{"@type":"BreadcrumbList","@id":"https:\/\/mariusbancila.ro\/blog\/2017\/11\/23\/memeful-comments-extension-for-visual-studio\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/#listItem","position":1,"name":"Home","item":"https:\/\/mariusbancila.ro\/blog\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/category\/it\/#listItem","name":"IT"}},{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/category\/it\/#listItem","position":2,"name":"IT","item":"https:\/\/mariusbancila.ro\/blog\/category\/it\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/#listItem","name":"Software"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/#listItem","position":3,"name":"Software","item":"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/visual-studio\/#listItem","name":"Visual Studio"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/category\/it\/#listItem","name":"IT"}},{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/visual-studio\/#listItem","position":4,"name":"Visual Studio","item":"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/visual-studio\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/2017\/11\/23\/memeful-comments-extension-for-visual-studio\/#listItem","name":"Memeful comments extension for Visual Studio"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/#listItem","name":"Software"}},{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/2017\/11\/23\/memeful-comments-extension-for-visual-studio\/#listItem","position":5,"name":"Memeful comments extension for Visual Studio","previousItem":{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/visual-studio\/#listItem","name":"Visual Studio"}}]},{"@type":"Organization","@id":"https:\/\/mariusbancila.ro\/blog\/#organization","name":"Marius Bancila's Blog","description":"About code. Mostly on C++","url":"https:\/\/mariusbancila.ro\/blog\/"},{"@type":"Person","@id":"https:\/\/mariusbancila.ro\/blog\/author\/admin\/#author","url":"https:\/\/mariusbancila.ro\/blog\/author\/admin\/","name":"Marius Bancila","image":{"@type":"ImageObject","@id":"https:\/\/mariusbancila.ro\/blog\/2017\/11\/23\/memeful-comments-extension-for-visual-studio\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/a84dd2831d955c38355ddea55df4df260809b88f36408bc14fd4eab8f7f131c9?s=96&d=mm&r=g","width":96,"height":96,"caption":"Marius Bancila"}},{"@type":"WebPage","@id":"https:\/\/mariusbancila.ro\/blog\/2017\/11\/23\/memeful-comments-extension-for-visual-studio\/#webpage","url":"https:\/\/mariusbancila.ro\/blog\/2017\/11\/23\/memeful-comments-extension-for-visual-studio\/","name":"Memeful comments extension for Visual Studio","description":"A Visual Studio extension that enables displaying images, including animated GIFs, alongside your code to enhance explanations with visuals or simply to express your reaction to the code.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/mariusbancila.ro\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/mariusbancila.ro\/blog\/2017\/11\/23\/memeful-comments-extension-for-visual-studio\/#breadcrumblist"},"author":{"@id":"https:\/\/mariusbancila.ro\/blog\/author\/admin\/#author"},"creator":{"@id":"https:\/\/mariusbancila.ro\/blog\/author\/admin\/#author"},"datePublished":"2017-11-23T01:12:15+02:00","dateModified":"2017-11-27T11:29:53+02:00"},{"@type":"WebSite","@id":"https:\/\/mariusbancila.ro\/blog\/#website","url":"https:\/\/mariusbancila.ro\/blog\/","name":"Marius Bancila's Blog","description":"About code. Mostly on C++","inLanguage":"en-US","publisher":{"@id":"https:\/\/mariusbancila.ro\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"Marius Bancila's Blog | About code. Mostly on C++","og:type":"article","og:title":"Memeful comments extension for Visual Studio","og:description":"A Visual Studio extension that enables displaying images, including animated GIFs, alongside your code to enhance explanations with visuals or simply to express your reaction to the code.","og:url":"https:\/\/mariusbancila.ro\/blog\/2017\/11\/23\/memeful-comments-extension-for-visual-studio\/","article:published_time":"2017-11-22T23:12:15+00:00","article:modified_time":"2017-11-27T09:29:53+00:00","twitter:card":"summary","twitter:title":"Memeful comments extension for Visual Studio","twitter:description":"A Visual Studio extension that enables displaying images, including animated GIFs, alongside your code to enhance explanations with visuals or simply to express your reaction to the code."},"aioseo_meta_data":{"post_id":"2645","title":"Memeful comments extension for Visual Studio","description":"A Visual Studio extension that enables displaying images, including animated GIFs, alongside your code to enhance explanations with visuals or simply to express your reaction to the code.","keywords":[{"label":"Visual Studio","value":"Visual Studio"},{"label":"extension","value":"extension"},{"label":"comments","value":"comments"},{"label":"images","value":"images"},{"label":"memes","value":"memes"},{"label":"gifs","value":"gifs"},{"label":"animated","value":"animated"}],"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"location":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2021-03-18 21:06:01","updated":"2025-12-12 07:46:59","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"author_meta":{"display_name":"Marius Bancila","author_link":"https:\/\/mariusbancila.ro\/blog\/author\/admin\/"},"featured_img":null,"jetpack_publicize_connections":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Marius Bancila","author_link":"https:\/\/mariusbancila.ro\/blog\/author\/admin\/"},"uagb_comment_info":5,"uagb_excerpt":"It&#8217;s said that a picture is worth a thousand words. An animated GIF is probably worth even more. I have always wanted to show my reaction to code with pictures. Being able to display images along source code could have a lot of benefits beyond that. By inserting images within code we could better explain&hellip;","coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/tools\/\" class=\"advgb-post-tax-term\">Tools<\/a>","<a href=\"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/visual-studio\/\" class=\"advgb-post-tax-term\">Visual Studio<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Tools<\/span>","<span class=\"advgb-post-tax-term\">Visual Studio<\/span>"]},"tags":{"linked":["<a href=\"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/visual-studio\/\" class=\"advgb-post-tax-term\">animated<\/a>","<a href=\"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/visual-studio\/\" class=\"advgb-post-tax-term\">comments<\/a>","<a href=\"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/visual-studio\/\" class=\"advgb-post-tax-term\">extension<\/a>","<a href=\"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/visual-studio\/\" class=\"advgb-post-tax-term\">gifs<\/a>","<a href=\"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/visual-studio\/\" class=\"advgb-post-tax-term\">images<\/a>","<a href=\"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/visual-studio\/\" class=\"advgb-post-tax-term\">memes<\/a>","<a href=\"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/visual-studio\/\" class=\"advgb-post-tax-term\">Visual Studio<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">animated<\/span>","<span class=\"advgb-post-tax-term\">comments<\/span>","<span class=\"advgb-post-tax-term\">extension<\/span>","<span class=\"advgb-post-tax-term\">gifs<\/span>","<span class=\"advgb-post-tax-term\">images<\/span>","<span class=\"advgb-post-tax-term\">memes<\/span>","<span class=\"advgb-post-tax-term\">Visual Studio<\/span>"]}},"comment_count":"5","relative_dates":{"created":"Posted 9 years ago","modified":"Updated 9 years ago"},"absolute_dates":{"created":"Posted on November 23, 2017","modified":"Updated on November 27, 2017"},"absolute_dates_time":{"created":"Posted on November 23, 2017 1:12 am","modified":"Updated on November 27, 2017 11:29 am"},"featured_img_caption":"","series_order":"","jetpack_shortlink":"https:\/\/wp.me\/pYNdv-GF","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/mariusbancila.ro\/blog\/wp-json\/wp\/v2\/posts\/2645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mariusbancila.ro\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mariusbancila.ro\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mariusbancila.ro\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mariusbancila.ro\/blog\/wp-json\/wp\/v2\/comments?post=2645"}],"version-history":[{"count":35,"href":"https:\/\/mariusbancila.ro\/blog\/wp-json\/wp\/v2\/posts\/2645\/revisions"}],"predecessor-version":[{"id":2687,"href":"https:\/\/mariusbancila.ro\/blog\/wp-json\/wp\/v2\/posts\/2645\/revisions\/2687"}],"wp:attachment":[{"href":"https:\/\/mariusbancila.ro\/blog\/wp-json\/wp\/v2\/media?parent=2645"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mariusbancila.ro\/blog\/wp-json\/wp\/v2\/categories?post=2645"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mariusbancila.ro\/blog\/wp-json\/wp\/v2\/tags?post=2645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}