HTML5/CSS3 Text Editor

Discussion in 'Web Design and Development' started by ayezee33, Aug 12, 2014.

  1. ayezee33 macrumors newbie

    Joined:
    Aug 12, 2014
    #1
    First post, I tried using the search feature but was unsuccessful. I have a MacBook Air and am running one of the current OS (not exactly sure at the moment).

    I had Notepad++ ported over and working great....until I updated it.

    Here is the issue, I cannot for the life of me figure out a way to have a text editor show my HTML output in the browser (tried many browsers). I have tried inserting the scripts for Text Wrangler, Sublime, and even uninstalled and reinstalled Notepad++.

    Can anyone help point me in the right direction so I can get back into web design?
     
  2. 960design, Aug 12, 2014
    Last edited: Aug 12, 2014

    960design macrumors 68020

    Joined:
    Apr 17, 2012
    Location:
    Destin, FL
    #2
    Welcome!

    Try TextWrangler it's free and pretty powerful.

    Port is an excellent type ( especially non tawny ) of wine, but a poor choice for a workflow. (best attempt at humor).

    If the file is on your desktop, just cmd+click it -> open with Safari.

    I'd recommend Coda2 if you are 'getting back into web design'.

    Mavericks? Yosemite?
     
  3. theluggage macrumors 68030

    Joined:
    Jul 29, 2011
    #3
    If you're looking for free options:

    Currently, I'm using Netbeans - it can be a bit of a resource hog, but has good HTML5/CSS/Javascript/PHP support and will preview in your browser of choice, and even do a certain amount of live CSS editing.

    If you're primarily into HTML5/CSS, Brackets (http://brackets.io) may be worth a look.
     
  4. olup macrumors 6502

    Joined:
    Oct 11, 2011
    #4
    Tons of people use Sublime Text2/3, neither are "free" you get a pop up every now and then asking you to purchase it, but it has tons of options and new on the market is https://atom.io/, which I only tried out shortly.
     
  5. jakeOSX macrumors regular

    Joined:
    Mar 24, 2005
    #6
    so to throw in a name, i use Espresso by Mac Rabbit.

    it is an HTML and CSS editor (includes their previous app CSS edit, which was great) and I have found it fantastic for use.

    I do still use TextWrangler in my workflow, it too is invaluable.
     
  6. Flood123 macrumors 6502a

    Flood123

    Joined:
    Mar 28, 2009
    Location:
    Living Stateside
    #7
    olup is correct. Sublime text 2 is awesome.. Evaluation mode is free. Atom is great too but since i have developed my workflow with sublime, i am pretty happy.
     
  7. NutsNGum macrumors 68030

    NutsNGum

    Joined:
    Jul 30, 2010
    Location:
    Glasgow, Scotland
    #8
    I use Sublime Text 2 and codekit 2 for my sass compiling.

    Haven't switched to sublime text 3 yet because some of the Wordpress function packages don't work on it and I don't enjoy scoping the codex for funsies.
     
  8. Jessica Lares macrumors G3

    Jessica Lares

    Joined:
    Oct 31, 2009
    Location:
    Near Dallas, Texas, USA
    #9
    I used to use Espresso, but now use Chocolat.
     
  9. olup macrumors 6502

    Joined:
    Oct 11, 2011
    #10
    How much is it? just went on their website to check and it doesn't even tell you the price. If I recall correctly it once said something like 39 or 49 bucks.

    On the other hand seeing a different font other than monospace seems quite tempting
     
  10. Jessica Lares macrumors G3

    Jessica Lares

    Joined:
    Oct 31, 2009
    Location:
    Near Dallas, Texas, USA
    #11
    It's $49. I'd check out the trial first if I were you.
     
  11. AFPoster macrumors 65816

    Joined:
    Jul 14, 2008
    Location:
    Charlotte, NC
    #12
    I'd recommend Coda 2 over Textwrangler.

    Also, check out Team Treehouse.
     
  12. Hog Milanese macrumors regular

    Hog Milanese

    Joined:
    Mar 19, 2012
    Location:
    Pacific Northwest
  13. 960design macrumors 68020

    Joined:
    Apr 17, 2012
    Location:
    Destin, FL
    #14
    I disagree.

    Just, no. DW spits out horrible code.
     
  14. JoelTheSuperior macrumors 6502

    JoelTheSuperior

    Joined:
    Feb 10, 2014
    Location:
    London, UK
    #15
    I primarily use Atom for web development, but if you're solely working with things like HTML and CSS I'd actually suggest you try Brackets - it's free and is actually a very good editor.
     
  15. SteveyAppleSeed macrumors member

    Joined:
    Mar 4, 2010
    #16
    Sublime is the easy choice

    Sublime Text 3 with the Emmet plugin is fantastic. Emmet allows short form code writing and expansion. ST3 has code autocomplete to make you happy. Highly extensible and the community is awesome. Seems pretty lightweight.
     
  16. olup macrumors 6502

    Joined:
    Oct 11, 2011
    #17
    That also runs in Sublime Text 2, but for some reason SB2 keeps crashing when I install more than two- three packages. Is SB3 more stable in that regard?
     
  17. Jaduffy macrumors newbie

    Joined:
    Oct 22, 2014
    #18
    Personal choice but

    As others have mentioned, Sublime text 3 (beta) is an industry standard for power users. Emmet and other packages make it very powerful. If I were coding a basic website, I think coda 2 would be a good choice too. For building apps etc, I prefer sublime text. Be sure and use zsh with oh my zsh installed instead of bash for Terminal too.

    in the end, it's just a tool.
     
  18. jonobin macrumors regular

    Joined:
    Sep 3, 2014
    #19
    +1 for brackets, very happy with it!

    and there are a lot(and growing) extensions to do whatever you want, plus is free and multiplatform :D
     

Share This Page