writing html and seeing a preview of it

Discussion in 'Mac Apps and Mac App Store' started by zoran, Nov 30, 2014.

  1. zoran macrumors 68030

    Joined:
    Jun 30, 2005
    #1
    Is there an app (a text editor or whatever) that will have 2 windows, one to write html code and the other to preview the outcome?
     
  2. BrianBaughn macrumors 603

    BrianBaughn

    Joined:
    Feb 13, 2011
    Location:
    Baltimore, Maryland
  3. zoran thread starter macrumors 68030

    Joined:
    Jun 30, 2005
    #3
    Thanx but its not looking very "user friendly", looks more like a windows app! :D
     
  4. IHelpId10t5 macrumors 6502

    Joined:
    Nov 28, 2014
    #4
    Just do like every professional developer does and have an actual web browser open alongside your editor. Just save changes in your editor then click over and refresh the browser to see your changes.
     
  5. elppa macrumors 68040

    elppa

    Joined:
    Nov 26, 2003
    #5
    There are many options because it is fairly simple to put an embedded web view into an application.

    There was also a similar question on the web design forum a couple of weeks back which might be worth a read: Easy to use (but advanced enough) editor?.

    I suggest brackets.
     
  6. joshlalonde macrumors 6502

    joshlalonde

    Joined:
    Jul 12, 2014
    Location:
    Canada
    #6
    ^^ That's exactly what you're looking for!
     
  7. zoran thread starter macrumors 68030

    Joined:
    Jun 30, 2005
    #7
    What does Brackets exactly do? I dont think it has preview in it, preview is seen on a browser, right?
     
  8. joshlalonde macrumors 6502

    joshlalonde

    Joined:
    Jul 12, 2014
    Location:
    Canada
    #8
    Alright, so Brackets is an open-source project headed by Adobe. It has lots of extensions you can install on it, and it's entirely free.

    Screenshots: https://www.dropbox.com/s/1cfuxdb2bqft17m/Screenshot 2014-11-30 20.09.54.png?dl=0

    https://www.dropbox.com/s/iasvq8ealytmqrk/Screenshot 2014-11-30 20.10.32.png?dl=0

    As for preview, you have the ability to run Live preview. That is, as you update your code, so does the preview. It uses Chrome.

    When you're previewing, it'll highlight stuff too:

    https://www.dropbox.com/s/fpras36ext956yf/Screenshot 2014-11-30 20.12.22.png?dl=0

    Also, don't mind my awful layout. I'm in the middle of fixing my template.
     

Share This Page