Menu
Forums
All threads
Latest threads
New posts
Trending threads
New posts
Search forums
Trending
What's new
New posts
New profile posts
Latest activity
Members
Current visitors
New profile posts
Search profile posts
Upgrades
Log in
Register
What's new
Search
Search
Search titles only
By:
All threads
Latest threads
New posts
Trending threads
New posts
Search forums
Menu
Log in
Register
Navigation
Install the app
Install
More options
Contact us
Close Menu
Forums
Software Development
Programming
Code Editor
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="Sean" data-source="post: 208749" data-attributes="member: 10142"><p style="text-align: center"><span style="font-size: 15px"><strong><img src="http://i.imgur.com/DZNXMQL.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></strong></span></p><p></p><p>I thought I would take some time to write a thread to let you all know about a new code editor that I found a few months ago, I don't know exactly when the first build was released or how many of you actually know about it but their has been many threads asking for the best editor and I have never seen this mentioned. The software is created by Adobe, it is F<img src="https://cdn.devbest.com/data/assets/smilies/REE.png" srcset="https://cdn.devbest.com/data/assets/smilies/REE.png 1x, https://cdn.devbest.com/data/assets/smilies/REE-2x.png 2x" class="smilie" loading="lazy" alt="REE" title="REE REE" data-shortname="REE" />, and it is Open Source. I know Adobe, Free, Open Source are words that don't go together often but it is true.</p><p> </p><p>The code editor is written in HTML, CSS and JS compiled into a shell ( Or something like that ) You can edit the appearance of the editor via CSS and add your own additions with JS.</p><p> </p><p>Some Features:</p><p> </p><p><strong>Live Preview</strong></p><p>As you code CSS it automatically and instantly updates in the browser. If you change documents in the navigation of the editor it directs to the corresponding page in the browser and it also automatically refreshes the browser when you press save.</p><p> </p><p><img src="http://i.imgur.com/NNtKHAz.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> </p><p><strong>Inline / Quick Editing</strong></p><p>This is a great feature that allows you to edit the CSS of elements without having to change documents / open a CSS file. If you have a HTML document set up correctly and have a stylesheet linked you can press "CTRL + E" when your cursor is on any HTML element, ie) a div, an input etc. This will open the corresponding css tag underneath in a box allowing you to edit that item.</p><p> </p><p><img src="http://i.imgur.com/O8x2kfF.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> </p><p><strong>Plugin Manager / Plugins</strong></p><p>As any code editor should have it supports plugins which you can find in the link provided below, with a super fast and easy installation step. You simply get the zip link of GitHub and paste into the Plugin Installer on the editor, click install and it will be installed within a few seconds.</p><p> </p><p><img src="http://i.imgur.com/Wy6Q0IV.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> </p><p><strong>Color Preview</strong></p><p>It shows a preview of colors when you hover over a HEX code.</p><p> </p><p><img src="http://i.imgur.com/SC3x2Gr.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> </p><p><strong>Project Management</strong></p><p>In the left navigation pane you can open a specific folder onto the navigation, or numerous folder and then use whatever one you are working on by double clicking to bring into the Working Files</p><p> </p><p><img src="http://i.imgur.com/XxaMvCI.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> </p><p><strong>Overall Editor</strong></p><p>Overall I don't even think you would need to edit the design as it already very attractive. It's also fast, and user friendly. Unlike notepad ++ this is very simple and not cluttered with tool bars. You have just what you need.</p><p> </p><p><img src="http://i.imgur.com/G7odIOS.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> </p><p><strong>Theme Support</strong></p><p>Brackets also supports theme, you simple install then as an extension - </p><p>ZIP: <a href="https://github.com/MiguelCastillo/Brackets-Themes/archive/master.zip" target="_blank">https://github.com/MiguelCastillo/Brackets-Themes/archive/master.zip</a></p><p> </p><p>(<strong>Don't click the link, copy the address and install via the extension manager)</strong></p><p> </p><p><strong><img src="http://i.imgur.com/yprK6u8.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></strong></p><p> </p><p></p><p> </p><p><strong>Video Preview</strong></p><p><strong>[media=youtube]rvo3Mv1Z4qU[/media]</strong></p><p> </p><p>IMO it is the best code editor I have used so far, If you want to use custom themes there is an extension within the extension list. And some other users I have shown this already have switched over to it as they also prefer it to the alternatives</p><p> </p><p><strong>Links</strong></p><p>Remember it's out of Beta but still in development so still being worked</p><p> </p><p>Main Website: <a href="http://brackets.io/" target="_blank">http://brackets.io/</a></p><p>Download Page: <a href="http://download.brackets.io/" target="_blank">http://download.brackets.io/</a></p><p>Extensions: <a href="https://github.com/adobe/brackets/wiki/Brackets-Extensions" target="_blank">https://github.com/adobe/brackets/wiki/Brackets-Extensions</a></p><p> </p><p>Remember: I didn't make this I just found it and am spreading the word.</p></blockquote><p></p>
[QUOTE="Sean, post: 208749, member: 10142"] [CENTER][SIZE=4][B][IMG]http://i.imgur.com/DZNXMQL.png[/IMG][/B][/SIZE][/CENTER] I thought I would take some time to write a thread to let you all know about a new code editor that I found a few months ago, I don't know exactly when the first build was released or how many of you actually know about it but their has been many threads asking for the best editor and I have never seen this mentioned. The software is created by Adobe, it is FREE, and it is Open Source. I know Adobe, Free, Open Source are words that don't go together often but it is true. The code editor is written in HTML, CSS and JS compiled into a shell ( Or something like that ) You can edit the appearance of the editor via CSS and add your own additions with JS. Some Features: [B]Live Preview[/B] As you code CSS it automatically and instantly updates in the browser. If you change documents in the navigation of the editor it directs to the corresponding page in the browser and it also automatically refreshes the browser when you press save. [IMG]http://i.imgur.com/NNtKHAz.png[/IMG] [B]Inline / Quick Editing[/B] This is a great feature that allows you to edit the CSS of elements without having to change documents / open a CSS file. If you have a HTML document set up correctly and have a stylesheet linked you can press "CTRL + E" when your cursor is on any HTML element, ie) a div, an input etc. This will open the corresponding css tag underneath in a box allowing you to edit that item. [IMG]http://i.imgur.com/O8x2kfF.png[/IMG] [B]Plugin Manager / Plugins[/B] As any code editor should have it supports plugins which you can find in the link provided below, with a super fast and easy installation step. You simply get the zip link of GitHub and paste into the Plugin Installer on the editor, click install and it will be installed within a few seconds. [IMG]http://i.imgur.com/Wy6Q0IV.png[/IMG] [B]Color Preview[/B] It shows a preview of colors when you hover over a HEX code. [IMG]http://i.imgur.com/SC3x2Gr.png[/IMG] [B]Project Management[/B] In the left navigation pane you can open a specific folder onto the navigation, or numerous folder and then use whatever one you are working on by double clicking to bring into the Working Files [IMG]http://i.imgur.com/XxaMvCI.png[/IMG] [B]Overall Editor[/B] Overall I don't even think you would need to edit the design as it already very attractive. It's also fast, and user friendly. Unlike notepad ++ this is very simple and not cluttered with tool bars. You have just what you need. [IMG]http://i.imgur.com/G7odIOS.png[/IMG] [B]Theme Support[/B] Brackets also supports theme, you simple install then as an extension - ZIP: [url]https://github.com/MiguelCastillo/Brackets-Themes/archive/master.zip[/url] ([B]Don't click the link, copy the address and install via the extension manager)[/B] [B][IMG]http://i.imgur.com/yprK6u8.png[/IMG][/B] [B][/B] [B]Video Preview[/B] [B][media=youtube]rvo3Mv1Z4qU[/media][/B] IMO it is the best code editor I have used so far, If you want to use custom themes there is an extension within the extension list. And some other users I have shown this already have switched over to it as they also prefer it to the alternatives [B]Links[/B] Remember it's out of Beta but still in development so still being worked Main Website: [URL]http://brackets.io/[/URL] Download Page: [URL]http://download.brackets.io/[/URL] Extensions: [URL]https://github.com/adobe/brackets/wiki/Brackets-Extensions[/URL] Remember: I didn't make this I just found it and am spreading the word. [/QUOTE]
Insert quotes…
Verification
Post reply
Forums
Software Development
Programming
Code Editor
Top