Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Html, CSS, JavaScript etc editor

Discussion in 'Website Coding & Programming Forum:' started by skarekrow, Dec 11, 2015.

  1. skarekrow

    skarekrow Member

    Hi All

    I am learning (re learning) Html and than moving onto CSS, JavaScript etc and at the moment I am using Notepad.

    I was just wondering if there is a simple editor out there with a bit more functionality that you can recommend from personal experience.

    I want something that is not too difficult to learn how to use but I will not grow out of when I move onto other development languages.

    Thanks

    Paul
     
  2. bigdave

    bigdave Moderator Staff Member

    When writing html, php, jQuery etc.. I use Dreamweaver. I'm sure there are free alternatives but it works well and is what I've always used so I stick with it.

    For css I use an app called Espresso rather than Dreamweaver. it's got a really nice user interface and some usefull little touches such as tidying up messy code for you. For example if (for some reason) you write {border:soild; border-width:1px; border-color:red;} it will automatically tidy that up to {border:1px solid red;} .
     
    skarekrow likes this.
  3. skarekrow

    skarekrow Member

    Thanks Dave
    Just spoken to my Brother who is full time web developer and he uses Visual Studio 2015 It is free to download the community version.
    Anyone else use VS15?

    I used to use Dreamweaver back in the 90s. That takes me back

    Paul
     
  4. Stationery Direct

    Stationery Direct Administrator Staff Member

    I also use Dreamweaver, probably a bit dated now compared to what is out there but it's something that came with Adobe CS and I've used it for many years now (even back when Macromedia owned it)
     
    skarekrow likes this.
  5. Levi

    Levi Moderator Staff Member

    I've been using Notepad++
     
    Gav and skarekrow like this.
  6. Gav

    Gav New Member

    Like Boss hog, I have a copy of Dreamweaver that came with Adobe CS, but I've probably only used it 2 or 3 times in 5+yrs as I never really 'clicked' with the software. (I first learnt HTML in Notepad)
    I personally find it easier using a combination of Notepad++ and the Firebug Firefox Add-on (both free)
     
    skarekrow likes this.
  7. Paul Murray

    Paul Murray Moderator Staff Member

    Notepad++ is nice from what I remember.

    I use Sublime Text which isn't free but has an unlimited trial and supports a shedload of languages (plus others with 3rd party plugins). For testing JS you can use Scratchpad in Firefox or the Chrome dev console (just remember to Shift + Return to write a new line, Return on it's own will execute the command).
     
    skarekrow likes this.
  8. bigdave

    bigdave Moderator Staff Member

    I know quite a few people who use Sublime. It looks really good.
     
    Last edited: Dec 12, 2015
  9. Paul Murray

    Paul Murray Moderator Staff Member

    I've tried a fair few IDE's but Sublime just seems to do everything I need: great language support, auto-complete, custom themes, and it's VERY fast. It costs about £46 but that's not a bad price at all for a decent piece of software.
     
    skarekrow likes this.
  10. Tony Hardy

    Tony Hardy Well-Known Member

    I'm also a big fan of Sublime Text. Got some great plugins and things you can do to make your life a lot easier. Also has a big community attached to it who seem to know the product inside out!
     
  11. Edge

    Edge Active Member

    Plus one for Sublime - our devs swear by it.
     
  12. Tikkie

    Tikkie New Member

    u can use JuffEd editor, this one is really helpful.
     
  13. vwebdevelopment

    vwebdevelopment New Member

    Many editors are available for coding and designing purpose. If you are totally fresher than you can use Dreamweaver otherwise you can use Sublime and Notepad++.
     
    skarekrow likes this.
  14. Jase Wolf

    Jase Wolf New Member

    I used to be using Weebly for my websites, but then since beginning of last year I was looking around for self hosted WYSIWYG solutions.

    Must of literally gone through every damn WYSIWYG editor, meaning as the drag and drop ones that are like Weebly.

    Emailed about 20 different companies asking the same question am I able to have full access control over the html/css as well, just like I can with Weebly and with Tumblr. I understood a small bit of HTML/CSS, enough to see ok this goes here and ah if I edit this, this happens. When it came to something so damn simple like a fixed cover background, could any of these editors provide me an option to do this? Nope, and I had no ability to just add the code to do it either.

    Oh and only a few of the companies got back to me, one within 2 hrs, one in a few days, another in a few months.

    Jump to Oct last year, when I was looking for a free TeamSpeak host, I came across InstaFree.com.

    I asked Bryan (the admin) if he had any advice on what I was looking for. He suggested Wordpress.

    So I played with Wordpress, but quickly discovered it didn't fit for me for a static site, though, for blogging I love it.

    I looked again for WYSIWYG options, but then I just got fed up and decided sod this, I'm going to damn well learn to hand code my website myself.

    I quickly found Brackets.io and my gosh, though it's a code editor not a WYSIWYG, the live updating in your browser, just perfect for what I needed. Followed along a html/css lesson series on YouTube that TheNewBoston put together.

    Though there was 50 lessons, by the 11th lesson, I faded off doing my own thing. And rightly so I did around then, because some of the next lessons was about things I found out myself that which were more updated methods.

    Brackets, love it a lot, though I am now using Notepad++ a lot more and Chrome's developer tools. As when you have your website data stored on a seperate machine to what you're editing on, Brackets grinds to a halt.

    Really glad that I found InstaFree, because that was the boost I needed to get away from paying Weebly another $48 a year, which duplicates for every other site you want upgraded.
     
  15. Simon Rayson

    Simon Rayson New Member

    http://brackets.io/

    can be used with many languages and OS's also has live preview option with some of the languages.
     
  16. Zil

    Zil New Member

    Brackets, Sublime Text, Notepad ++, and even Atom are great IDEs.
     
  17. Claire20

    Claire20 New Member

    You can use notepad++ and Dreamweaver both of these IDEs are very simple to use.
     
  18. bigdave

    bigdave Moderator Staff Member

    The new version of Dreamweaver CC (2017) has some horrible changes to the interface. They've gone with pastel tones for code and removed the ability to change it! Its a nightmare to try and read now. I dislike it so much that I'm seriously considering trying sublime.
     
  19. Paul Murray

    Paul Murray Moderator Staff Member

    Try VSCode, it's free.
     

Share This Page