{"id":42119,"date":"2017-01-05T07:00:40","date_gmt":"2017-01-05T12:00:40","guid":{"rendered":"https:\/\/www.elegantthemes.com\/blog\/?p=42119"},"modified":"2022-09-18T15:04:11","modified_gmt":"2022-09-18T20:04:11","slug":"heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for","status":"publish","type":"post","link":"https:\/\/www.elegantthemes.com\/blog\/resources\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for","title":{"rendered":"Here&#8217;s The Detailed Adobe Brackets Review You Have Been Waiting For"},"content":{"rendered":"<p>Anyone working with WordPress or websites in general sooner or later has need for a code editor. Whether for some quick and dirty CSS hacking, modifying or creating <a href=\"https:\/\/www.elegantthemes.com\/blog\/resources\/an-introduction-to-wordpress-page-templates\">page templates<\/a> or setting up a <a href=\"https:\/\/www.elegantthemes.com\/blog\/resources\/wordpress-child-theme-tutorial\">child theme<\/a> (for example, <a href=\"https:\/\/www.elegantthemes.com\/blog\/divi-resources\/best-divi-portfolio-child-themes\">for a Divi theme<\/a>), there are so many opportunities where normal text editors simply don&#8217;t cut it.<\/p>\n<p>In our ongoing quest to find <a href=\"https:\/\/www.elegantthemes.com\/blog\/resources\/best-code-editors\" data-wpil=\"url\">the best code editors<\/a>, we have already looked deeply into <a href=\"https:\/\/www.elegantthemes.com\/blog\/resources\/the-atom-code-editor-a-comprehensive-review-for-wordpress-users\">Atom<\/a> and <span style=\"text-decoration: underline;\">Sublime Text<\/span>. Both are excellent options. From here, we are moving on to another popular option: <a href=\"https:\/\/brackets.io\/\" rel=\"noopener\" target=\"_blank\">Brackets<\/a> by Adobe.<\/p>\n<p>In the following article, you will learn all there is to know about this code editor. From setup and first impressions to its best features as well as areas where it falls short. Let&#8217;s get cracking, shall we?<\/p>\n<h2>Setup and First Impressions<\/h2>\n<p>Brackets is free to download from the <a href=\"https:\/\/brackets.io\/\" rel=\"noopener\" target=\"_blank\">official website<\/a> and the installation only takes a minute to completely. After that, Brackets takes up about 120MB on your hard drive. That\u2019s about half of what Atom needs but several times the size of <a href=\"https:\/\/www.elegantthemes.com\/blog\/resources\/the-sublime-text-code-editor-an-in-depth-review\" class=\"wpil_keyword_link\" data-wpil-keyword-link=\"linked\" title=\"Sublime Text\">Sublime Text<\/a>. Same goes for startup time which lies somewhere between the two competitors.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"with-border alignnone wp-image-43095\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-start-screen-1024x604.jpg\" alt=\"brackets start screen\" width=\"600\" height=\"354\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-start-screen-1024x604.jpg 1024w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-start-screen-300x177.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-start-screen-768x453.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-start-screen-610x360.jpg 610w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-start-screen.jpg 1303w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>There\u2019s a hint that Brackets will periodically send anonymous health reports back to Adobe for improvement. If you need more info, click the link and it will take you to a page with more details (including how to turn the reports off).<\/p>\n<p>The introduction, which is written as an HTML file, contains a warm welcome, details about the editor, feature highlights and first steps. If you have Chrome installed, you might want to click the lightning symbol in the upper right corner to automatically open it in Google\u2019s browser.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"with-border alignnone wp-image-43093\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-start-live-preview-1024x342.jpg\" alt=\"brackets start live preview\" width=\"600\" height=\"200\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-start-live-preview-1024x342.jpg 1024w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-start-live-preview-300x100.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-start-live-preview-768x256.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-start-live-preview-610x204.jpg 610w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-start-live-preview.jpg 1303w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>This makes it much easier to read (as you can see below). More about this feature further below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"with-border alignnone wp-image-43090\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-help-file-in-browser-1024x460.jpg\" alt=\"brackets help file in browser\" width=\"600\" height=\"270\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-help-file-in-browser-1024x460.jpg 1024w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-help-file-in-browser-300x135.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-help-file-in-browser-768x345.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-help-file-in-browser-610x274.jpg 610w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-help-file-in-browser.jpg 1288w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>If you want to start your own project, you can go the usual way via File &gt; Open Folder or use the drop-down menu on the left where it says Getting Started. You can also use this button to switch between active projects.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"with-border alignnone wp-image-43094\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-start-new-project-from-sidebar.jpg\" alt=\"brackets start new project from sidebar\" width=\"600\" height=\"258\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-start-new-project-from-sidebar.jpg 601w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-start-new-project-from-sidebar-300x129.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Apart from that, everything is pretty standard. Files and directories are displayed on the left and files open on the right side when clicked. A double click or editing moves them upward to the Working Files section.<\/p>\n<p>So far so clear? Ok, then let\u2019s peek under the hood of Brackets to see what the code editor has to offer feature wise.<\/p>\n<h2>Adobe Brackets &#8211; The Pros<\/h2>\n<p>In this section, we will have a look at the features that make Brackets stand out from the crowd and turn it into a great tool to work with.<\/p>\n<h3>Open Source and Cross Platform<\/h3>\n<p>Brackets is available for Mac, Windows and Linux and is a project started and maintained by Adobe. However, it&#8217;s not a commercial product but rather an open source piece of software licensed under the <a href=\"https:\/\/github.com\/adobe\/brackets\/blob\/master\/LICENSE\" rel=\"noopener\" target=\"_blank\">MIT license<\/a>.<\/p>\n<p>The editor is relatively young (version 1.0 was published in 2014) and <a href=\"https:\/\/github.com\/adobe\/brackets\" rel=\"noopener\" target=\"_blank\">maintained on Github<\/a>. As an <a href=\"https:\/\/www.elegantthemes.com\/blog\/business\/open-source-licenses\" class=\"wpil_keyword_link\" data-wpil-keyword-link=\"linked\" title=\"open source\">open source<\/a> effort, anyone is welcome to contribute to both core or via submitting their own extensions. Check <a href=\"https:\/\/github.com\/adobe\/brackets\/wiki\" rel=\"noopener\" target=\"_blank\">the Wiki<\/a> if you&#8217;d like to become a part of the project.<\/p>\n<p>Of course, the biggest benefit for users: Brackets is completely free to use.<\/p>\n<h3>Solid Standard Features<\/h3>\n<p>The code editor comes with a number of standard features we would expect from a modern piece of software.<\/p>\n<p>First, there is code completion. While typing, Brackets will propose code elements that fit your current input. You can accept the proposal at the touch of a button, which is a nice shortcut to writing everything out completely.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"with-border alignnone wp-image-43088\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/adobe-brackets-review-code-autocompletion.jpg\" alt=\"adobe brackets review code autocompletion\" width=\"600\" height=\"272\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/adobe-brackets-review-code-autocompletion.jpg 602w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/adobe-brackets-review-code-autocompletion-300x136.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Unfortunately though, as a frontend editor, Brackets only has native support for HTML, CSS and JavaScript (though more can be added via extensions).<\/p>\n<p>Code highlighting, on the other hand, is available for many more languages including Python, Perl, C, C++ and more. PHP works too, which is great news for WordPress users. Code folding rounds off the package for making your code more legible.<\/p>\n<p>Another common feature that Brackets comes with is the ability to split its main window into two parts (both vertically and horizontally). That way, users can view and edit more than one file at once.<\/p>\n<p>Of course, find and replace is also available. No code editor should be without.<\/p>\n<p>Finally, users of pre-processors will be delighted to hear that Brackets fully supports SASS, LESS, SCSS and more including code completion. In fact, when saving your <em>*.less<\/em> file, the editor will automatically save it in CSS. Good stuff.<\/p>\n<h3>Quick Editing<\/h3>\n<p>The first unique feature of Brackets is quick editing. When you mark any HTML element and press <em>Cmd\/Ctrl + E<\/em>, Brackets opens all CSS associated with this element inline in the current window.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"with-border alignnone wp-image-43092\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-quick-editing-1024x504.jpg\" alt=\"brackets quick editing\" width=\"600\" height=\"295\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-quick-editing-1024x504.jpg 1024w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-quick-editing-300x148.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-quick-editing-768x378.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-quick-editing-610x300.jpg 610w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-quick-editing.jpg 1060w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>From here, you can make any edits you need. Once you close it, any changes will automatically be applied to the stylesheet connected with this element. Neat, huh?<\/p>\n<p>In addition to that, this feature comes with a color picker in case you are not sure what hex code stands for which color or want to make changes on the fly. The same function will show you the most used colors in the file you are editing.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"with-border alignnone wp-image-43096\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/color-picker-for-css-in-brackets.jpg\" alt=\"color picker for css in brackets\" width=\"600\" height=\"320\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/color-picker-for-css-in-brackets.jpg 601w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/color-picker-for-css-in-brackets-300x160.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Quick editing also works with JavaScript functions. Furthermore, Brackets has JSLint support that will check your JavaScript code upon saving and display problems at the bottom of the screen. In addition to that, there are extensions out there to further enhance the quick edit functionality. More on that soon.<\/p>\n<h3>Live Preview<\/h3>\n<p>We already saw this nifty feature in the very beginning. With a click on the live preview button (the lightning symbol, remember?), Brackets will open the current file automatically in Google Chrome.<\/p>\n<p>However, not only that. When you move the cursor inside an HTML element inside the editor, it will then also be highlighted in the browser.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"with-border alignnone wp-image-43091\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-live-preview.jpg\" alt=\"brackets live preview\" width=\"601\" height=\"480\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-live-preview.jpg 847w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-live-preview-300x240.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-live-preview-768x614.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-live-preview-610x488.jpg 610w\" sizes=\"auto, (max-width: 601px) 100vw, 601px\" \/><\/p>\n<p>That&#8217;s not all. When you change something in the code base, it will automatically be pushed to the frontend as well. No need to reload the page, Brackets does it all by itself.<\/p>\n<p>This feature is especially awesome if you work with more than one screen. Currently it only works in Chrome and for HTML and CSS. However, the makers of Brackets have promised to extend it to JavaScript and every major browser in the future.<\/p>\n<h3>Highly Extendable<\/h3>\n<p>Since the Brackets editor is built with HTML, CSS and JavaScript, it is completely hackable and easy to extend. Plenty of developers have taken advantage of that fact and created extensions that you can either find in the <a href=\"https:\/\/brackets-registry.aboutweb.com\" rel=\"noopener\" target=\"_blank\">registry<\/a> or via the extension manager directly inside the editor.<\/p>\n<p>The latter is found in the upper right corner or under <em>File &gt; Extension Manager<\/em>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"with-border alignnone wp-image-43089\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-extension-manager.jpg\" alt=\"brackets extension manager\" width=\"600\" height=\"422\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-extension-manager.jpg 814w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-extension-manager-300x211.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-extension-manager-768x541.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/brackets-extension-manager-610x429.jpg 610w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Once opened, the manager will list all available Bracket extensions. Use the search function to find what you are looking for. Once the window is loaded, the search is very quick and extensions download super fast after a click on the <em>Install<\/em> button.<\/p>\n<p>In addition to that, you have the option to install extensions you downloaded earlier via dragging and dropping them onto the field or providing a URL from which to install.<\/p>\n<p>In the top bar you can also switch to installing themes. These are changed under <em>View &gt; Themes<\/em> (Brackets only comes with two themes out of the box, one dark, one light) and modify the code display as well as overall UI.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"with-border alignnone wp-image-43087\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/adobe-brackets-review-change-theme-1024x604.jpg\" alt=\"adobe brackets review change theme\" width=\"600\" height=\"354\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/adobe-brackets-review-change-theme-1024x604.jpg 1024w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/adobe-brackets-review-change-theme-300x177.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/adobe-brackets-review-change-theme-768x453.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/adobe-brackets-review-change-theme-610x360.jpg 610w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/adobe-brackets-review-change-theme.jpg 1303w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Under the <em>Installed<\/em> tab you will see all extensions and themes you installed earlier as well as the option to disable and remove them. For a collection of useful Brackets extensions, check <a href=\"https:\/\/www.designbombs.com\/best-free-brackets-extensions\/\" rel=\"noopener\" target=\"_blank\">this article<\/a>.<\/p>\n<h3>Multiple Cursors<\/h3>\n<p>Finally, Brackets has taken a page out of Sublime&#8217;s playbook and added multiple cursors as a feature. That means, users can edit several places in the same file at once.<\/p>\n<p>Just hold the <em>Ctrl<\/em> button to place cursors or mark pieces of code anywhere you want. After that, start typing to make edits everywhere at the same time.<\/p>\n<p>Combined with the <em>Find all and select<\/em> option, this is super useful and saves a lot of time and effort.<\/p>\n<h2>Adobe Brackets &#8211; The Cons<\/h2>\n<p>Cool stuff, right? Yet, there are also things that Brackets could be doing better.<\/p>\n<h3>Frontend Focused<\/h3>\n<p>As cool as Brackets is, it is kind of limited in its application. The code editor is clearly made for frontend workers who mostly deal with HTML, CSS and JavaScript.<\/p>\n<p>While it does that exceedingly well, if you are working with anything else, like server-side languages, Brackets might not be the best option for you. However, there are extensions to address this shortcoming, <a href=\"https:\/\/github.com\/mignonstyle\/brackets-wp-functions-hints\" rel=\"noopener\" target=\"_blank\">even for WordPress-specific code<\/a>.<\/p>\n<h3>Extension Management Could Be Better<\/h3>\n<p>Brackets has a lot to offer in terms of extensions and installing them is quick and easy. However, overall this whole area could use some work.<\/p>\n<p>First of all, the <a href=\"https:\/\/brackets-registry.aboutweb.com\" rel=\"noopener\" target=\"_blank\">official extension registry<\/a> is sort of confusing. Everything is in one big list without any filtering options or categories.<\/p>\n<p>At least in the extension manager there is a division between extensions and themes. Yet, overall everything comes down to the search functionality. However, once you have found a suitable candidate, you still need to click through to Github for additional information.<\/p>\n<p>This is clearly more more convoluted than it needs to be and Brackets would do well to look to WordPress and Atom for some inspiration on how to improve the process.<\/p>\n<h2>Summing Up<\/h2>\n<p>Adobe Brackets is a worthy candidate in our search for the best editors. It is relatively lightweight, slick, easy to use and has most of the functionality users would expect from a modern code editor.<\/p>\n<p>Apart from that, the open source project by Adobe comes with some outstanding features so far not seen anywhere else. Quick editing and live preview are really useful and make frontend work much easier.<\/p>\n<p>An addition to that, the extension manager and wide choice of plugins let users turn Brackets into exactly the development environment they need it to be.<\/p>\n<p>Of course, Brackets is not without shortcomings. However, with its rapid development, chances are good that they will be addressed in the future. If so, Brackets is poised to take a leading position in the code editor industry.<\/p>\n<p>Now over to you. Have you used Bracket before? If so, what did you like the most and where do you see room for improvement? Please let us know in the comment section below so others can benefit from your experience.<\/p>\n<p><em>Featured image made from graphics via Adobe Brackets&#8217; github page \/ MIT License<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Anyone working with WordPress or websites in general sooner or later has need for a code editor. Whether for some quick and dirty CSS hacking, modifying or creating page templates or setting up a child theme (for example, for a Divi theme), there are so many opportunities where normal text editors simply don&#8217;t cut it. [&hellip;]<\/p>\n","protected":false},"author":1140,"featured_media":43100,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[8],"tags":[1226,36,38],"class_list":{"0":"post-42119","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-resources","8":"tag-adobe-brackets","9":"tag-web-design","10":"tag-web-development"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.6 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Here&#039;s The Detailed Adobe Brackets Review You Have Been Waiting For<\/title>\n<meta name=\"description\" content=\"Finding the right code editor is no easy task. Find out in our in-depth Adobe Brackets review whether this is the editor you have been waiting for.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.elegantthemes.com\/blog\/resources\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Here&#039;s The Detailed Adobe Brackets Review You Have Been Waiting For\" \/>\n<meta property=\"og:description\" content=\"Finding the right code editor is no easy task. Find out in our in-depth Adobe Brackets review whether this is the editor you have been waiting for.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.elegantthemes.com\/blog\/resources\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for\" \/>\n<meta property=\"og:site_name\" content=\"Elegant Themes Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/elegantthemes\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-05T12:00:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-18T20:04:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/adobe-brackets-review.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"235\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Nick Sch\u00e4ferhoff\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elegantthemes\" \/>\n<meta name=\"twitter:site\" content=\"@elegantthemes\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nick Sch\u00e4ferhoff\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/resources\\\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/resources\\\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for\"},\"author\":{\"name\":\"Nick Sch\u00e4ferhoff\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/#\\\/schema\\\/person\\\/aa42b28c295158f44dc8089a85f74551\"},\"headline\":\"Here&#8217;s The Detailed Adobe Brackets Review You Have Been Waiting For\",\"datePublished\":\"2017-01-05T12:00:40+00:00\",\"dateModified\":\"2022-09-18T20:04:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/resources\\\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for\"},\"wordCount\":1759,\"commentCount\":31,\"publisher\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/resources\\\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/adobe-brackets-review.jpg\",\"keywords\":[\"adobe brackets\",\"web design\",\"web development\"],\"articleSection\":[\"Resources\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/resources\\\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/resources\\\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/resources\\\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for\",\"name\":\"Here's The Detailed Adobe Brackets Review You Have Been Waiting For\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/resources\\\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/resources\\\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/adobe-brackets-review.jpg\",\"datePublished\":\"2017-01-05T12:00:40+00:00\",\"dateModified\":\"2022-09-18T20:04:11+00:00\",\"description\":\"Finding the right code editor is no easy task. Find out in our in-depth Adobe Brackets review whether this is the editor you have been waiting for.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/resources\\\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/resources\\\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/resources\\\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for#primaryimage\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/adobe-brackets-review.jpg\",\"contentUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/adobe-brackets-review.jpg\",\"width\":600,\"height\":235,\"caption\":\"adobe brackets review\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/resources\\\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/category\\\/resources\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Here&#8217;s The Detailed Adobe Brackets Review You Have Been Waiting For\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/\",\"name\":\"Elegant Themes Blog\",\"description\":\"Best WordPress &amp; Divi Resources\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/#organization\",\"name\":\"Elegant Themes\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/logo.png\",\"width\":997,\"height\":461,\"caption\":\"Elegant Themes\"},\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"http:\\\/\\\/www.facebook.com\\\/elegantthemes\",\"https:\\\/\\\/x.com\\\/elegantthemes\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/elegantthemes\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/elegantthemes\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/#\\\/schema\\\/person\\\/aa42b28c295158f44dc8089a85f74551\",\"name\":\"Nick Sch\u00e4ferhoff\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f6ff75edb19e9b81840e48af894dd7fb83c7954d3ed1c5e3c8d19b45c84af141?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f6ff75edb19e9b81840e48af894dd7fb83c7954d3ed1c5e3c8d19b45c84af141?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f6ff75edb19e9b81840e48af894dd7fb83c7954d3ed1c5e3c8d19b45c84af141?s=96&r=g\",\"caption\":\"Nick Sch\u00e4ferhoff\"},\"description\":\"Nick Sch\u00e4ferhoff is an entrepreneur, online marketer, and professional blogger from Germany. He found WordPress when he needed a site for his first business and instantly fell in love. When not building websites, creating content or helping his clients improve their online business, he can most often be found at the gym, the dojo or traveling the world with his wife. If you want to get in touch with him, you can do so via Twitter or through his website.\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/author\\\/nick-schaferhoff\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Here's The Detailed Adobe Brackets Review You Have Been Waiting For","description":"Finding the right code editor is no easy task. Find out in our in-depth Adobe Brackets review whether this is the editor you have been waiting for.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.elegantthemes.com\/blog\/resources\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for","og_locale":"en_US","og_type":"article","og_title":"Here's The Detailed Adobe Brackets Review You Have Been Waiting For","og_description":"Finding the right code editor is no easy task. Find out in our in-depth Adobe Brackets review whether this is the editor you have been waiting for.","og_url":"https:\/\/www.elegantthemes.com\/blog\/resources\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for","og_site_name":"Elegant Themes Blog","article_publisher":"http:\/\/www.facebook.com\/elegantthemes","article_published_time":"2017-01-05T12:00:40+00:00","article_modified_time":"2022-09-18T20:04:11+00:00","og_image":[{"width":600,"height":235,"url":"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/adobe-brackets-review.jpg","type":"image\/jpeg"}],"author":"Nick Sch\u00e4ferhoff","twitter_card":"summary_large_image","twitter_creator":"@elegantthemes","twitter_site":"@elegantthemes","twitter_misc":{"Written by":"Nick Sch\u00e4ferhoff","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.elegantthemes.com\/blog\/resources\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for#article","isPartOf":{"@id":"https:\/\/www.elegantthemes.com\/blog\/resources\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for"},"author":{"name":"Nick Sch\u00e4ferhoff","@id":"https:\/\/www.elegantthemes.com\/blog\/#\/schema\/person\/aa42b28c295158f44dc8089a85f74551"},"headline":"Here&#8217;s The Detailed Adobe Brackets Review You Have Been Waiting For","datePublished":"2017-01-05T12:00:40+00:00","dateModified":"2022-09-18T20:04:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.elegantthemes.com\/blog\/resources\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for"},"wordCount":1759,"commentCount":31,"publisher":{"@id":"https:\/\/www.elegantthemes.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.elegantthemes.com\/blog\/resources\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for#primaryimage"},"thumbnailUrl":"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/adobe-brackets-review.jpg","keywords":["adobe brackets","web design","web development"],"articleSection":["Resources"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.elegantthemes.com\/blog\/resources\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.elegantthemes.com\/blog\/resources\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for","url":"https:\/\/www.elegantthemes.com\/blog\/resources\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for","name":"Here's The Detailed Adobe Brackets Review You Have Been Waiting For","isPartOf":{"@id":"https:\/\/www.elegantthemes.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.elegantthemes.com\/blog\/resources\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for#primaryimage"},"image":{"@id":"https:\/\/www.elegantthemes.com\/blog\/resources\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for#primaryimage"},"thumbnailUrl":"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/adobe-brackets-review.jpg","datePublished":"2017-01-05T12:00:40+00:00","dateModified":"2022-09-18T20:04:11+00:00","description":"Finding the right code editor is no easy task. Find out in our in-depth Adobe Brackets review whether this is the editor you have been waiting for.","breadcrumb":{"@id":"https:\/\/www.elegantthemes.com\/blog\/resources\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.elegantthemes.com\/blog\/resources\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.elegantthemes.com\/blog\/resources\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for#primaryimage","url":"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/adobe-brackets-review.jpg","contentUrl":"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/12\/adobe-brackets-review.jpg","width":600,"height":235,"caption":"adobe brackets review"},{"@type":"BreadcrumbList","@id":"https:\/\/www.elegantthemes.com\/blog\/resources\/heres-the-detailed-adobe-brackets-review-you-have-been-waiting-for#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.elegantthemes.com\/blog"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/www.elegantthemes.com\/blog\/category\/resources"},{"@type":"ListItem","position":3,"name":"Here&#8217;s The Detailed Adobe Brackets Review You Have Been Waiting For"}]},{"@type":"WebSite","@id":"https:\/\/www.elegantthemes.com\/blog\/#website","url":"https:\/\/www.elegantthemes.com\/blog\/","name":"Elegant Themes Blog","description":"Best WordPress &amp; Divi Resources","publisher":{"@id":"https:\/\/www.elegantthemes.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.elegantthemes.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.elegantthemes.com\/blog\/#organization","name":"Elegant Themes","url":"https:\/\/www.elegantthemes.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.elegantthemes.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2022\/09\/logo.png","contentUrl":"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2022\/09\/logo.png","width":997,"height":461,"caption":"Elegant Themes"},"image":{"@id":"https:\/\/www.elegantthemes.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/www.facebook.com\/elegantthemes","https:\/\/x.com\/elegantthemes","https:\/\/www.youtube.com\/c\/elegantthemes","https:\/\/www.linkedin.com\/company\/elegantthemes\/"]},{"@type":"Person","@id":"https:\/\/www.elegantthemes.com\/blog\/#\/schema\/person\/aa42b28c295158f44dc8089a85f74551","name":"Nick Sch\u00e4ferhoff","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/f6ff75edb19e9b81840e48af894dd7fb83c7954d3ed1c5e3c8d19b45c84af141?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f6ff75edb19e9b81840e48af894dd7fb83c7954d3ed1c5e3c8d19b45c84af141?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f6ff75edb19e9b81840e48af894dd7fb83c7954d3ed1c5e3c8d19b45c84af141?s=96&r=g","caption":"Nick Sch\u00e4ferhoff"},"description":"Nick Sch\u00e4ferhoff is an entrepreneur, online marketer, and professional blogger from Germany. He found WordPress when he needed a site for his first business and instantly fell in love. When not building websites, creating content or helping his clients improve their online business, he can most often be found at the gym, the dojo or traveling the world with his wife. If you want to get in touch with him, you can do so via Twitter or through his website.","url":"https:\/\/www.elegantthemes.com\/blog\/author\/nick-schaferhoff"}]}},"_links":{"self":[{"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/posts\/42119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/users\/1140"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/comments?post=42119"}],"version-history":[{"count":3,"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/posts\/42119\/revisions"}],"predecessor-version":[{"id":195910,"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/posts\/42119\/revisions\/195910"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/media\/43100"}],"wp:attachment":[{"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/media?parent=42119"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/categories?post=42119"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/tags?post=42119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}