{"id":1124,"date":"2014-11-09T21:40:15","date_gmt":"2014-11-09T20:40:15","guid":{"rendered":"https:\/\/diocesanos.es\/blogs\/equipotic\/?p=1124"},"modified":"2014-11-08T22:01:50","modified_gmt":"2014-11-08T21:01:50","slug":"brackets-innovador-editor-htmlcssjs","status":"publish","type":"post","link":"https:\/\/diocesanos.es\/blogs\/equipotic\/2014\/11\/09\/brackets-innovador-editor-htmlcssjs\/","title":{"rendered":"Brackets: Innovador editor HTML+CSS+JS"},"content":{"rendered":"<p><a href=\"http:\/\/brackets.io\/\" target=\"_blank\"><strong>Brackets<\/strong><\/a> es un editor de HTML, CSS y JavaScript que tiene caracter\u00edsticas particulares, es sumamente funcional y posee caracter\u00edsticas muy innovadoras que por cierto ha alcanzado la <a title=\"brackets 1.0 anunciado en el blog\" href=\"http:\/\/blog.brackets.io\/2014\/11\/04\/brackets-1-0-and-extract-for-brackets-preview-now-available\/\" target=\"_blank\">versi\u00f3n 1.0<\/a> el 4 de Noviembre de 2014. Si eres un desarrollador o dise\u00f1ador de sitios web con html, css y javascritp este editor te ser\u00e1 de gran utilidad y aqu\u00ed te digo <strong>como instalar Brackets 1.0 en Ubuntu<\/strong>.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2014\/11\/BracketsPlataformas.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1126\" src=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2014\/11\/BracketsPlataformas-295x300.png\" alt=\"BracketsPlataformas\" width=\"295\" height=\"300\" srcset=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2014\/11\/BracketsPlataformas-295x300.png 295w, https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2014\/11\/BracketsPlataformas.png 326w\" sizes=\"auto, (max-width: 295px) 100vw, 295px\" \/><\/a><\/p>\n<p style=\"text-align: left;\"><!--more--><\/p>\n<h2>\u00bfQu\u00e9 es Brackets?<\/h2>\n<p><b>Brackets<\/b> es un <b>editor <\/b>de<b> c\u00f3digo abierto<\/b> para el <b>dise\u00f1o <\/b>y<b> desarrollo web<\/b> construido sobre tecnolog\u00edas como <b>HTML<\/b>, <b>CSS<\/b> y <b>JavaScript<\/b>.\u00a0El proyecto fue creado y es mantenido por\u00a0<b><a href=\"http:\/\/html.adobe.com\/\">Adobe<\/a><\/b>\u00a0, y se distribuye bajo una\u00a0<a href=\"https:\/\/github.com\/adobe\/brackets\/blob\/master\/LICENSE\">licencia MIT<\/a>\u00a0.<\/p>\n<p>Pero si te interesa saber mas sobre este innovador editor de HTML puedes ver una introducci\u00f3n (en ingl\u00e9s) en donde te explican que es y que funcionalidades tiene Brackets.<\/p>\n<p><iframe loading=\"lazy\" src=\"http:\/\/www.youtube.com\/embed\/rvo3Mv1Z4qU\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2>\u00bfQu\u00e9 hace especial a Brackets?<\/h2>\n<p>Brackets se diferencia de los dem\u00e1s editores gracias a la <b>facilidad <\/b>de<b> mostrar <\/b>el<b> c\u00f3digo<\/b> espec\u00edfico de acuerdo al contexto usado, esto mediante su <b>interfaz<\/b> tipo <b>Quick Edit UI<\/b>.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2014\/11\/brackets.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1125\" src=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2014\/11\/brackets-300x96.png\" alt=\"brackets\" width=\"300\" height=\"96\" srcset=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2014\/11\/brackets-300x96.png 300w, https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2014\/11\/brackets-1024x330.png 1024w, https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2014\/11\/brackets.png 1150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Brackets te permite <b>trabajar directamente en el navegador<\/b> <b>editando<\/b> el c\u00f3digo al instante, estableciendo <i>breakpoints<\/i> y movi\u00e9ndose con fluidez entre las diferentes vistas de c\u00f3digo y del mismo navegador. El editor de texto dentro de Brackets se encuentra <b>basado<\/b> en <b><i>CodeMirror<\/i><\/b>.<\/p>\n<h2>Caracter\u00edsticas<\/h2>\n<ul>\n<li>\u00datil sin hacerse cargo. Con caracter\u00edsticas como la vista previa y edici\u00f3n r\u00e1pida, los soportes agilizan el desarrollo sin ponerse en tu camino<\/li>\n<li>Construido\u00a0con\u00a0la web para\u00a0la web. Hecho con\u00a0mucho amor\u00a0y JavaScript, Brackets es un proyecto de c\u00f3digo abierto, con una activa comunidad de desarrolladores y en crecimiento.<\/li>\n<li>Un editor de c\u00f3digo\u00a0para la web. Centrarse en una cosa, y hacerlo muy bien; Brackets est\u00e1 construido desde cero con un enfoque en el desarrollo web.<\/li>\n<li>Tienes el poder. Brackets est\u00e1 construido con HTML, CSS y JavaScript, lo que significa que es f\u00e1cil de contribuir el proyecto y extender su funcionalidad.<\/li>\n<li>Las herramientas no deben ser obst\u00e1culo. En lugar de un espacio de trabajo desordenado con paneles flotantes, barras de herramientas e iconos, <b>Brackets se centra<\/b> en la prestaci\u00f3n de \u201c<b>edici\u00f3n r\u00e1pida<\/b>\u201c, vistas en l\u00ednea que proporcionan acceso contextual a su contenido.<\/li>\n<li>Funciona con el navegador.<b> <\/b>El navegador es su punto de vista del dise\u00f1o.\u00a0<b>Brackets conecta directamente <\/b>en el<b> navegado<\/b>r, lo que le permite dise\u00f1ar y desarrollar en el mismo entorno en el que se implemente.<\/li>\n<\/ul>\n<h2>Como Instalar Brackets 1.0 en Ubuntu y Linux Mint<\/h2>\n<p>Para instalar Brackets en Ubuntu puedes utilizar una PPA y utilizar \u00abapt\u00bb para instalar este software con los siguientes comandos:<\/p>\n<pre>sudo add-apt-repository ppa:webupd8team\/brackets\r\nsudo apt-get update\r\nsudo apt-get install brackets<\/pre>\n<p>Para iniciar Brackets\u00a0 b\u00fascalo en el Men\u00fa de aplicaciones .<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Brackets es un editor de HTML, CSS y JavaScript que tiene caracter\u00edsticas particulares, es sumamente funcional y posee caracter\u00edsticas muy innovadoras que por cierto ha alcanzado la versi\u00f3n 1.0 el 4 de Noviembre de 2014. Si eres un desarrollador o dise\u00f1ador de sitios web con html, css y javascritp este editor te ser\u00e1 de gran &hellip; <a href=\"https:\/\/diocesanos.es\/blogs\/equipotic\/2014\/11\/09\/brackets-innovador-editor-htmlcssjs\/\" class=\"more-link\">Seguir leyendo <span class=\"screen-reader-text\">Brackets: Innovador editor HTML+CSS+JS<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[132,7],"class_list":["post-1124","post","type-post","status-publish","format-standard","hentry","category-practicas","tag-editor","tag-web"],"_links":{"self":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/posts\/1124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/comments?post=1124"}],"version-history":[{"count":0,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/posts\/1124\/revisions"}],"wp:attachment":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/media?parent=1124"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/categories?post=1124"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/tags?post=1124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}