Angie
AngieFounder of YourApparel

What is the best HTML5 / CSS editor for Mac?

Just started with HTML5 and I'm looking for a good editor. What is the best choice in your experience? Thanks a lot.
Featured 
Your recommendation
🤓 Have a recommendation? Join to share.
7 recommended
  1. 95
    Visual Studio Code

    Cross-platform & free robust code editor from Microsoft

    Dimitris Strantsalis
    Dimitris StrantsalisAdministrator, WiSeInno · Written
    After switching between many code editors, I end up using VS Code, it fast, flexible and reliable. It also has many useful HTML add-ons to make the whole thing easier.
    Comments (1)Share
    James Malvi
    James MalviCEO Rave Solution · Written
    VSC is the best for development. if you just want to create prototype, this tool may get handy. https://jsonformatter.org/html-v...
    Comments (1)Share
  2. 45
    Atom

    A hackable text editor for the 21st Century

    Amrith Shanbhag
    Amrith Shanbhag6Community at Product Hunt & Feathrd · Written
    I'm not a developer by any means, but I've always been hacking on front-end stuff and making landings for all my projects etc. Atom is great because it has a wide range of plugins and customizations that make the whole experience a lot smoother. The best part is it is integrated with GitHub and I use GitHub Pages to host my sites so it's really easy to publish changes etc :)
    Comments (1)Share
    • Petr Pridal
      Petr PridalCEO of Klokan Technologies GmbH.

      I have been using Atom for more than a year. So far the best editor for coding. The only downside is the size and how much RAM it requires to run.

  3. Olivia Chang
    Olivia ChangFounder, Readlio · Written
    Brackets has an awesome live-reload feature which *highlights the parts of your website which is affected by the current line of CSS you are editing*. I can't stress this enough - it makes it so easy to figure out why your styles aren't working.
    Comments (1)Share
    If you're just starting out with HTML, then I highly recommend Brackets. Although I use Visual Studio Code day-to-day, Brackets was great at helping me understand the fundamentals of HTML, and more importantly, how CSS and HTML interact. I would move to Visual Studio Code once you're comfortable with HTML/CSS and want to customise your developer experience for efficiency and personal preference.
    CommentsShare
  4. 15
    Sublime Text 3.0

    The long awaited version 3 of the popular code editor

    it's great, not as memory consuming as the electron apps like Atom or VS Code, and has lots of features
    CommentsShare
    Amar
    AmarBlockchain Freelance Writer · Written
    Extensive addons, great performance.
    CommentsShare
    Mucahit Tutuncu
    Mucahit TutuncuSoftware Developer, Product Designer · Written
    Simple and easy to use. I've used for 4+ years.
    CommentsShare
    • Reorx Xiao
      Reorx XiaoPython Developer

      Among its siblings like Atom, VS Code, sublime is the fastest and most fluent. But because of the slow update cycle and being a paid software, the community is smaller, therefore extensions are less, but enough to cover everyday usage and most popular languages.

      Comments (0)
    • Daniel
      DanielCTO, PlateJoy

      Necessary packages:

      • Maybs Quit

      • Sidebar Enhancements

      • Trailing Spaces

      • Sublime Linter

      • A dark theme, like Soda Dark

      • imo: Vintage (VIM keybindings) with vintage_start_in_command_mode and vintage_use_clipboard set to true

  5. 4
    Coda 2.5 by Panic

    A fast, clean, and powerful text editor

    Made by Panic Inc. Very refined, reliable & versatile text editor out-of-the-box.
    CommentsShare
    Mick
    MickFounder of SongBox.Rocks · Written
    Coda was my go to for several years. It is better than a something like VSC because of it’s built in FTP tools. You can easily edit sites that are live such as Wordpress templates etc.
    CommentsShare
    Tudor Baidoc
    Tudor BaidocA Web & UI Designer · Written
    Also using Coda. I love having everything in one app (mysql, ftp, ssh)
    CommentsShare
  6. 1
    Pinegrow + Atom

    The perfect IDE for the web

    If you like a Webflow like experience but with more control over fine tuning code, Pinegrow and Atom together is actually a pretty cool solution.
    CommentsShare
  7. 1
    Visual Studio Code 1.0

    Microsoft's cross-platform text editor for developers

    Full blown editor - Visual Studio Code Quick hacking w/o setting up anything - CodePen
    CommentsShare
    Full blown editor - Visual Studio Code Quick hacking w/o setting up anything - CodePen
    CommentsShare
    • Andrei Streltsov
      Andrei StreltsovCreator, Everdo

      Used Emacs before, but got tired of it. Tried VSCode with a vi extension and was instantly hooked. I use it for everything now, including note taking and coding. Amazing product.