SitePoint Sponsor

User Tag List

Page 1 of 2 12 LastLast
Results 1 to 25 of 65

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    64
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    CoffeeCup Vs the Rest of the World html editors !! Advice/Recommendations please

    Hi
    I'm new to html, css and web design. I'm trying to avoid Themed Web-site templates if I can and write all of the code myself where practical.

    I've just downloaded CoffeeCup, currently $69 for a licence, where its possible to preview a browser window as you are writing the html or css. I've also noticed that CoffeeCup offer a 20 percent discount, if you pay in the first 21 days. Before I decide to part with my hard-earned cash, can anyone recommend any other html editors which enable you preview a browser at the same time as editting the code - I think that checking the preview screen at the same time will help me to learn quicker as I go along.

    Has anyone any more recommendations on which software tool to start write html and css with please.
    Kind Regards
    Matt

  2. #2
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    1,967
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Matt. It is a very personal thing what editor to use. I prefer to use notepad++ where you can preview in most modern browsers . Others prefer programs like Dreamweaver
    “Good artists copy, great artists steal” (Pablo Picasso - 1934)

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,617
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    You can preview your work in browsers no matter what editor you use. For example, if you are working on a .html page, have it open in your text editor and all your browsers at the same time. Make a few changes to the code, save, then refresh each browser to see the changes. Works for me.

    There are many good and popular free code editors available, and some really nice commercial ones, too. Sublime Text 2 is pretty popular these days.

  4. #4
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    64
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hi
    But don't you find it annoying that you have to keep going to the browser and clicking Refresh everytime you change one litte bit of code?

    On average, per website, you could be doing, say 2000 or more tests or 2000 needless mouse movements and clicks!!! Combine that will closing the browser window then you could be looking at say 3000+ needless mouse clicks and mouse movements. Wouldn't it be more time-efficent for the browser to give you a preview in real-time? Have you never considered using CoffeeCup? or something similar?

    cheers
    Matt

  5. #5
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    1,967
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Isn't it the browser where the actual design needs to be okay. So no, I don't find it anoying. It is part of the job in my opinion.
    “Good artists copy, great artists steal” (Pablo Picasso - 1934)

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,617
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    Quote Originally Posted by jmatty2000 View Post
    don't you find it annoying that you have to keep going to the browser and clicking Refresh everytime you change one litte bit of code?
    Nope. Not at all.

    On average, per website, you could be doing, say 2000 or more tests or 2000 needless mouse movements and clicks!!!
    It's good exercise for my finger.

    Combine that will closing the browser window then you could be looking at say 3000+ needless mouse clicks
    There's no need to close the browser. I just keep it open.

    Wouldn't it be more time-efficent for the browser to give you a preview in real-time?
    Possibly, but it's not a biggie for me. Although you can do this with your browser anyway. Using Chrome dev tools, for example, you can add styles and HTML in real time, and then save this to your files when you are done. (Soon this will be automatic—but for now I think you can only do it with JS.)

    Have you never considered using CoffeeCup? or something similar?
    I've considered it, and tried a few things like that, but didn't like them. I also don't trust the "live view" in programs like this. Dreamweaver's Design View, for example, is very unreliable. The only real testing ground is the browser itself.

    Adobe is working on a code editor that does this, called Brackets, but it's at an early stage right now.

  7. #7
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    64
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thanks Ralph - I think that all developers should always look for ways to be more efficient in what they do where possible.

    I appreciate that a real-time previews cannot be always trusted but they would definitely show you if you are on the right tracks, at least.

    Also anything that makes the learning curves less steep must be the way forward!!

    I'll definitely try out Brackets - thanks for making me aware of this.

    cheers
    Matt

  8. #8
    SitePoint Member
    Join Date
    Apr 2013
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by jmatty2000 View Post
    Wouldn't it be more time-efficent for the browser to give you a preview in real-time? Have you never considered using CoffeeCup? or something similar?
    I suppose refreshing the browser (never need to close it, as it has been mentioned) takes as much time as it does for the program to lag and update what I'm doing as I'm doing it. Are you able to preview your site in Firefox, Chrome and (shudder) IE in Coffeecup to see how it's displaying in each?

    I always just use Notepad, kept smaller than the browser behind it. But my choice is, perhaps, just because I crave independence and stubbornly want to fight the man, not being bound by corporate software! /says the person using windows 7

  9. #9
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    64
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hi Lume
    I've not played about with CoffeCup much as yet but the Preview is IE9 by default but can be altered to auto preview a different browser. You can of course press a function key to load a host of browsers at choice.

    What I also like also is that you can click anywhere within the Preview window and it will automatically take you to the html code relevant. I think it should also take me to the correct css part as well although I've not played about with that part yet.

    The preview screen only take a few seconds to refresh so thats pretty good. At least I don't have keep loading a browser up, refresh it and close it down again every 5 seconds.

    CoffeeCup is useful for me as I'm not a full-time or even a part-time pro web-developer. What I don't like so far is that the IntelliSense is not as good as what you get with Microsoft Visual Studio Express but maybe there still developing it. For example, it doesn't automatically give a description of what each attribute does and it does not kick in when it should do. The CoffeeCup IntelliSense is not even as good as Microsoft Web Matrix(WM) which is completely free for developing websites. Saying that, MS WM does not offer a preview screen as yet - I heard that Google Chrome has a Live Developer mode but not sure how to get that going as yet.

    For me to buy a CoffeeCup Licence though, they will need to give me at least 50% discount (reduced to $30 or less - I'd only consider for $20 to be honest) to make me take their offer seriously

    Cheers
    Matt

  10. #10
    SitePoint Member
    Join Date
    Apr 2013
    Location
    Mumbai, India
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by jmatty2000 View Post
    Hi
    But don't you find it annoying that you have to keep going to the browser and clicking Refresh everytime you change one litte bit of code?

    On average, per website, you could be doing, say 2000 or more tests or 2000 needless mouse movements and clicks!!! Combine that will closing the browser window then you could be looking at say 3000+ needless mouse clicks and mouse movements. Wouldn't it be more time-efficent for the browser to give you a preview in real-time? Have you never considered using CoffeeCup? or something similar?

    cheers
    Matt
    I wonder how much calculation you think of! As a professional web designer if you will keep counting the clicks and finger movement then nobody will be able to help you. If you bother about these tiny things then I would recommend to look for an alternative trade. It sounds to me something like jumping in water to swim and worrying about how many hand movement required to float!!

  11. #11
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    64
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hi Sage
    Whose counting the clicks?When I said that someone could be doing 3000+ needless clicks per project, t was an rough guess.

    Also, web design isn't my trade but something I do in my spare time so time and efficiency are of the utmost importance. I see your point but I think that all developers should always look for ways to be more efficient - what do use use Notepad?
    Cheers
    Matt

  12. #12
    SitePoint Member Apokalupsis's Avatar
    Join Date
    Aug 2013
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by jmatty2000 View Post
    Hi
    But don't you find it annoying that you have to keep going to the browser and clicking Refresh everytime you change one litte bit of code?
    Absolutely!!

    There are a number of options. Here are a couple:

    1) Chrome + Chrome Plugin LiveReload + {any editor, but I use SublimeText 2.


    2) IDE like Netbeans (I haven't used it yet, but it's been on my eye for a while now).

    Both are FREE solutions.


    Chrome + LiveReload is simple and quite effective. You simply have the browser open with the page you are editing, and every time you make a change to that file w/ your editor, it is saved automatically and it reloads automatically. There is no clicking "refresh" whatsoever. Save document in editor and you are done.

  13. #13
    SitePoint Wizard webcosmo's Avatar
    Join Date
    Oct 2007
    Location
    Boston, MA
    Posts
    1,436
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    I say Dreamweaver all the way, and yes you preview in a real browser, but maybe you want to see what you`re doing, especially when creating a template. I use DW with a dual monitor setup, so on one monitor there is the live preview. And i`m doing the thing with refreshing the browser window thousands of times when dealing with cross-browser compatibility issues.

  14. #14
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    64
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Best free HTML CSS editor with Live Preview Browser capability

    Hi everyone
    I'm learning html and css, and would like to use a free HTML CSS editor with Live Preview (to render the code in a browser in real-time).

    This way I don't have to save, then open close a browser each time. I only have time to learn css when I'm not at work, which is why I have to get a efficient as possible. I've not this week off work so it an ideal opportunity for me to learn it better.

    I've tried CoffeCup HTML Editor but not impressed because I find the editor too fiddly but still want to stick to learning the coding side as much as I can.

    Much appreciated to anyone who has any helpful advice.
    Cheers
    Matt

  15. #15
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    64
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Which free html/css editors use Live Preview?

    Hi everyone
    I'm learning html and css, and would like to use a free HTML CSS editor with Live Preview (to render the code in a browser in real-time).

    This way I don't have to save, then open close a browser each time. I only have time to learn css when I'm not at work, which is why I have to get a efficient as possible. I've not this week off work so it an ideal opportunity for me to learn it better.

    I've tried CoffeCup HTML Editor but not impressed because I find the editor too fiddly but still want to stick to learning the coding side as much as I can.

    Much appreciated to anyone who has any helpful advice.
    Cheers
    Matt

  16. #16
    Programming Since 1978 silver trophybronze trophy felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, NSW, Australia
    Posts
    16,608
    Mentioned
    24 Post(s)
    Tagged
    1 Thread(s)
    You can do it yourself with any editor. Simply have the web page open in the four or five browsers you need to check it in and simply hit F5 for each browser after saving your changes in the editor and you'll see the effect it has for each browser.
    Stephen J Chapman

    javascriptexample.net, Book Reviews, follow me on Twitter
    HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
    <input name="html5" type="text" required pattern="^$">

  17. #17
    SitePoint Wizard webcosmo's Avatar
    Join Date
    Oct 2007
    Location
    Boston, MA
    Posts
    1,436
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Adobe Dreamweaver is the best tool for the job, no doubt. It`s far superios to Coffeecup.

  18. #18
    SitePoint Member
    Join Date
    Oct 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can edit both your html & css files from within the same window. There is a slider which allows you to either focus on a single file or choose a split screen view of both files with the instant preview window still available. For the price (plus free upgrades) it's hard to beat.

  19. #19
    SitePoint Member
    Join Date
    Apr 2013
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think I used CoffeeCup a long time ago, but now I use WeBuilder.
    It has everything I need, split screen, fast preview in IE and Chrome, I can save code I use frequently in sidebar as snippet, auto uploads to FTP, integrates with wamp/xamp for localhost, code validator... etc
    Really happy with it

  20. #20
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    64
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hi astra
    I've just looked at http://www.webuilderapp.com/ html-css editor and it does look pretty awesome actually. Your the first to mention webuilder and looks really good value for the price ( I usually haggle for a lower price in any case).
    Cheers
    Matt

  21. #21
    SitePoint Member
    Join Date
    Apr 2013
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well I have been using WeBuilder for some time now, and I am really happy with it.
    I know I switched to it from some other HTML editor, I believe it was CoffeeCup.
    I have most expensive WeBuilder, I only use HTML/CSS/PHP, but ASP and Ruby support are welcomed addition for future use. Didn't try Python there as I use Komodo for it and I need debugger since I use it for Desktop Apps.
    Anyway, it offers free trial, so it doesn't hurt to try it. But I believe you can use it 30 times, not 30 days, it was something like that.

    Dreamweaver is to big if you ask me, I tried it once as trial and shut it down and uninstalled it shortly after that.

  22. #22
    SitePoint Member
    Join Date
    Apr 2013
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hm... no, at least not that I am aware of it.
    I always code bigger pieces of code and I have 2 monitors, so that feature wasn't important to me.
    The features I wrote above were important, so it really perfectly suites my needs.

    Yeah, that is great, but also, when you start writing class= or div= it will automatically give you drop down with classes/ids in your css files that you linked to html files., it also auto-completes, has options for your css markups, so if you write font-style, it will offer you choices you can make for it, etc... don't remember if CC has that, probably does.

  23. #23
    Non-Member
    Join Date
    Apr 2013
    Location
    Charlotte NC
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Smile Dream waiver

    Quote Originally Posted by jmatty2000 View Post
    Hi
    I'm new to html, css and web design. I'm trying to avoid Themed Web-site templates if I can and write all of the code myself where practical.

    I've just downloaded CoffeeCup, currently $69 for a licence, where its possible to preview a browser window as you are writing the html or css. I've also noticed that CoffeeCup offer a 20 percent discount, if you pay in the first 21 days. Before I decide to part with my hard-earned cash, can anyone recommend any other html editors which enable you preview a browser at the same time as editting the code - I think that checking the preview screen at the same time will help me to learn quicker as I go along.

    Has anyone any more recommendations on which software tool to start write html and css with please.
    Kind Regards
    Matt
    I think Adobe Dreamweaver CS6 is best for this task.

  24. #24
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    64
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hi
    I keep hearing bad things about Dreamweaver so I must reserve my opinion on that. Besides, I don't think I can afford it.

    From what I see so far WeBuilder seesm to be the best from what I've seen regarding editting html and css.

    Cheers
    Matt

  25. #25
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,617
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    Quote Originally Posted by jmatty2000 View Post
    I keep hearing bad things about Dreamweaver
    It's a good code editor, but gets a bad reputation because of its WYSIWYG functionality (which encourages people to build websites without touching code, and usually produces junk as a result). Dw is also pretty 'bloated', meaning it has a lot of things that you won't need, so it's a waste of space (and money) for coders.


Bookmarks

Posting Permissions

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