{"id":59431,"date":"2022-03-28T14:19:00","date_gmt":"2022-03-28T14:19:00","guid":{"rendered":"https:\/\/teknomers.com\/es\/kod-so-una-herramienta-gratuita-para-mejorar-la-documentacion-de-su-codigo\/"},"modified":"2022-03-28T14:19:09","modified_gmt":"2022-03-28T14:19:09","slug":"kod-so-una-herramienta-gratuita-para-mejorar-la-documentacion-de-su-codigo","status":"publish","type":"post","link":"https:\/\/teknomers.com\/es\/kod-so-una-herramienta-gratuita-para-mejorar-la-documentacion-de-su-codigo\/","title":{"rendered":"kod.so, una herramienta gratuita para mejorar la documentaci\u00f3n de su c\u00f3digo"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<div>\n<p>En GitHub, GitLab o incluso BitBucket, no es raro que los desarrolladores compartan fragmentos de c\u00f3digo para crear un sitio o una plataforma.  Algunos tambi\u00e9n hacen tutoriales de codificaci\u00f3n en forma de videos o presentaciones de YouTube.  Para hacer esto, los usuarios simplemente toman una captura de pantalla de sus l\u00edneas de c\u00f3digo.  Sin embargo, existen herramientas para lograr una representaci\u00f3n m\u00e1s est\u00e9tica y profesional, como <a rel=\"nofollow noopener\" href=\"https:\/\/kod.so\/\" target=\"_blank\">kod.so<\/a>.  Ofrece muchas funciones para convertir sus capturas de pantalla codificadas en contenido atractivo.<\/p>\n<h2>Personaliza tus im\u00e1genes de c\u00f3digo<\/h2>\n<p>kod.so es un sitio accesible de forma gratuita.  Al principio, tienes que copiar y pegar tus l\u00edneas de c\u00f3digo en la parte habilitada para tal fin, a la izquierda.  Cada pieza de c\u00f3digo aparece simult\u00e1neamente en la captura de pantalla visible en la parte inferior, al igual que las otras modificaciones realizadas.  Es posible personalizar completamente la representaci\u00f3n, comenzando con el fondo de la imagen.  La herramienta ofrece veintitr\u00e9s fondos diferentes: liso, degradado, con estampado, con efecto\u2026 Las posibilidades son diversas.  Sin embargo, siempre se puede optar por una imagen sin fondo.<\/p>\n<div class=\"alignfull-content\">\n<span class=\"purpley-grey\">En la misma categor\u00eda<\/span><\/p>\n<article class=\"grid-box anim col-12 post default post-read-also\">\n<div class=\"image\">\n<img decoding=\"async\" width=\"190\" height=\"190\" src=\"https:\/\/teknomers.com\/es\/wp-content\/uploads\/2022\/03\/Este-sitio-le-permite-crear-maquetas-de-interfaz-de-usuario.jpg\" class=\"attachment-post-ligne size-post-ligne wp-post-image\" alt=\"\" loading=\"lazy\" \/> <\/div>\n<div class=\"content\">\n<h2>Gracias a la IA, esta herramienta te permite crear publicaciones ordenadas en las redes sociales.<\/h2>\n<\/div>\n<\/article>\n<\/div>\n<p>Entonces es necesario elegir un tema, que modifica los colores de su codificaci\u00f3n, el lenguaje de programaci\u00f3n (JavaScript, Apache, CSS, HTML, AppleScript\u2026), un t\u00edtulo y la fuente.  Se ofrecen siete diferentes.  Una vez que hayamos modificado estos elementos, podemos transformar el tama\u00f1o de fuente, cambiar la alineaci\u00f3n e incluso difuminar las l\u00edneas de c\u00f3digo de nuestra elecci\u00f3n.<\/p>\n<p>En el lado de la representaci\u00f3n, el c\u00f3digo aparece en una peque\u00f1a ventana, similar a la que se encuentra en las Mac.  Tienes la opci\u00f3n de a\u00f1adir una sombra, definir la opacidad, cambiar el color de los botones\u2026 Tantos elementos que te permiten personalizar completamente tu documentaci\u00f3n en tan solo unos minutos.<\/p>\n<p>Una vez realizadas las modificaciones necesarias, autom\u00e1ticamente aparece una marca de agua &#8220;kod.so&#8221; en la parte inferior derecha.  Siempre es posible eliminarlo o reemplazarlo.  La captura de pantalla puede luego copiar y pegar, descargar a su computadora.  kod.so tambi\u00e9n ofrece obtenerlo como URL.  Entonces es posible usarlo en diferentes sitios o medios, especialmente como parte de un tutorial.<\/p>\n<\/div>\n<p><br \/>\n<br \/><a href=\"https:\/\/siecledigital.fr\/2022\/03\/28\/kodso-visuels-documentation-code\/\" rel=\"nofollow noopener\" target=\"_blank\">ttn-es-4<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En GitHub, GitLab o incluso BitBucket, no es raro que los desarrolladores compartan fragmentos de c\u00f3digo para crear<\/p>\n","protected":false},"author":1,"featured_media":59432,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[706,37700,8072,1086,37699,2320,18,158],"class_list":["post-59431","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general","tag-codigo","tag-documentacion","tag-gratuita","tag-herramienta","tag-kodso","tag-mejorar","tag-para","tag-una"],"_links":{"self":[{"href":"https:\/\/teknomers.com\/es\/wp-json\/wp\/v2\/posts\/59431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknomers.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teknomers.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teknomers.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknomers.com\/es\/wp-json\/wp\/v2\/comments?post=59431"}],"version-history":[{"count":0,"href":"https:\/\/teknomers.com\/es\/wp-json\/wp\/v2\/posts\/59431\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/teknomers.com\/es\/wp-json\/wp\/v2\/media\/59432"}],"wp:attachment":[{"href":"https:\/\/teknomers.com\/es\/wp-json\/wp\/v2\/media?parent=59431"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teknomers.com\/es\/wp-json\/wp\/v2\/categories?post=59431"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teknomers.com\/es\/wp-json\/wp\/v2\/tags?post=59431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}