Results 1 to 3 of 3
  1. #1

    Searching for an HTML-Editor

    The first thing you should install is node.js, and then read into the basics of Gulp (or if you like, Grunt). Once you have set up a buildsystem, virtually every editor you use will react on the changes you make instantly (look up gulp-connect with live-editing for instance). A buildsystem will give you so many advantages later, the 15 minutes you spend to dive through information that at first seems hard to grasp is totally worth it. At the first stage it will give you just what you asked, live editing. At a later stage it will prefix your css, fix your code, minify everything, compress your images, compose a distributable, etc.
    As an editor, try Atom.io, it’s probably very close to what you’re used to and has tons of plugins to make coding easier. There’s also Sublime, Brackets and many others.



  2. #2
    There’s a lot of choice out there, and plenty of good free options.
    Personally I use Brackets, it’s got a healthy community creating extensions, it looks nice, easy split pane editing, live previews, tag highlighting on the page, hackable, and most importantly (imo) it’s super easy to start using if you’re a beginner. Highly recommend.
    Other than that there’s Atom, built by GitHub, so that will be well supported, lots of extensions etc as well.
    TextWrangler is popular on Mac, it’s nice if you want a basic no nonsense editor.
    Other options include LightTable, Visual Studio Code, Sublime Text, Aptana Studio (eh), and more on top of that.
    Coda is probably fairly close to what you want as well, but it’s got a hefty price after the trial ends, although it has some very nice built in features (FTP transfers, previews within the same window if you’re strapped for screen real estate). Although personally it’s a bit to costly imo, unless you’re going to get serious about your Web Development.



  3. #3
    I’ve compiled a list of the best text editors that are worth using – I’ve restricted the list to applications that have a GUI (no command line ones). They all support syntax highlighting for a variety of different languages (although supported languages do vary), tabs to open multiple files at once as well as different theme options.
    I have distinguished between text editors and IDEs, the former is much simpler and lightweight whereas IDEs provide full development cycle support and more features out of the box.

    • Sublime Text 3 (Cross Platform, Paid) – A good all round text editor with a vast plugin library. The command system is extensible but has a slightly higher barrier of entry to other apps. Sublime is very fast to open and edit large files.


    • Notepad++ (Windows, Free) – A decent all round text editor with a fairly extensive plugin library. Only works on windows. Notepad++ starts and opens files very quickly.


    • Atom (Cross Platform, Free) – An upcoming text editor which is good for general programming. Developed by and integrates well with Github. Has an increasing and already substantial plugin library. Atom is marginally slower to start and does currently have an issue with extremely large files (although this should be fixed in a later version).


    • Brackets (Cross Platform, Free) – Another upcoming text editor which is specialised for web development with good HTML & CSS support (better than most other editors out of the box) and other languages are supported (although it may be better to use a different editor). Brackets is reasonably quick to open but it is worth installing to an SSD to improve speeds.


    • Dreamweaver (Windows/OS X, Paid) – A fully featured web development IDE with support for various web orientated programming languages. Dreamweaver also features a WYSIWYG editor which allows you to make changes to the web page as if you were viewing it from a web browser.


    • Coda (OS X, Paid) – An IDE designed for developing websites. It features a similar set of features to Dreamweaver but lacks the WYSIWYG editor. Can also be used to preview the current document on a iOS device through the companion Diet Coda mobile app (also paid).


    • WebStorm / IntelliJ plugin (Cross Platform, Paid) – An IDE / free plugin for the JetBrains suite (paid) of IDEs that adds web development support to the IDE. The suite of IDEs are very versatile and support a number of professional features out of the box (e.g. code style guide validation). The suite may be overkill for HTML / CSS development.


    • Visual Studio (Windows, Paid) – An IDE with support for web development (particularly .NET) which integrates well with Microsoft products (also supports windows development). Dreamweaver features a WYSIWYG editor which is slightly less powerful that the one found in Dreamweaver. A free version exits with limited features. Alternatively Visual Studio code is a fork of Atom and is free and runs cross platform and supports .NET development, but is otherwise unrelated to Visual Studio.



    Other apps exit, but this list has the ones that I’ve used. Personally I use IntelliJ + WebStorm plugin and Sublime Text 3 but the best app for you may be different.



Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •