SitePoint Sponsor

User Tag List

Page 1 of 4 1234 LastLast
Results 1 to 25 of 88

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Jul 2011
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Moving on from Dreamweaver

    Hi,

    I've been using Dreamweaver to get started in learning web design. It's been a good way to get the hang of things and I wrote most of my own code, but I'd like to transition to software that will help me to better learn the basics without the program being a crutch.

    What are the pro's and con's on different programs? For example I think I have Text Wrangler but is BBEdit (I'm Mac based) or some other program a better way to go? I keep seeing Firebug mentioned. Is it used for web design or do you use it in addition to a text editor? Is it a good tool?

    In Dreamweaver you can use a split screen so you can see--for the most--what you're doing. How do you do this when you're using a text editor? I'm a visual person and really need to see what I'm doing!

    Thanks for any suggestions/info!
    Laura

  2. #2
    SitePoint Wizard
    Join Date
    Dec 2003
    Location
    USA
    Posts
    2,582
    Mentioned
    29 Post(s)
    Tagged
    0 Thread(s)
    It's easy... just flip to the code tab. =p

    I have been (and still do) use Dreamweaver for years. However, I always hand-code EVERYTHING. I use Dreamweaver for handy features like automatic uploading on save.

    I've also used Komodo Edit which works quite well (and is cross-platform).

  3. #3
    SitePoint Enthusiast
    Join Date
    Jul 2011
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by samanime View Post
    It's easy... just flip to the code tab. =p

    I have been (and still do) use Dreamweaver for years. However, I always hand-code EVERYTHING. I use Dreamweaver for handy features like automatic uploading on save.

    I've also used Komodo Edit which works quite well (and is cross-platform).
    It's good to know Dreamweaver can be useful even after many years of experience! I do use the code window for writing both the html and CSS so I've gotten the hang of that. I guess I just like the idea of knowing how to work without Dreamweaver.

    Thanks for the Komodo Edit suggestion.

    Laura

  4. #4
    SitePoint Guru bronze trophy TheRaptor's Avatar
    Join Date
    Jul 2011
    Location
    New York
    Posts
    710
    Mentioned
    40 Post(s)
    Tagged
    0 Thread(s)
    Try Expresso! It allows you to jump back and forth between writing code and viewing the result easily. I don't think TextWrangler and BBEdit offer a preview.

    Firebug is an essential tool for any web designer. While its not a replacement for a good code editor, it allows you to poke around the source of a document and see how things are run, debug code and write HTML and CSS in real time.

    By the way: I started coding with Dreamweaver but found its interface to be too clunky and cluttered for my tastes.

  5. #5
    SitePoint Enthusiast
    Join Date
    Jul 2011
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by TheRaptor View Post
    Try Expresso! It allows you to jump back and forth between writing code and viewing the result easily. I don't think TextWrangler and BBEdit offer a preview.

    Firebug is an essential tool for any web designer. While its not a replacement for a good code editor, it allows you to poke around the source of a document and see how things are run, debug code and write HTML and CSS in real time.

    By the way: I started coding with Dreamweaver but found its interface to be too clunky and cluttered for my tastes.
    Thanks!

  6. #6
    SitePoint Guru dojo's Avatar
    Join Date
    Feb 2005
    Location
    Romania
    Posts
    899
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Yeah, try spending more time in the code view than the "normal" view and you'll make the switch pretty easy. I've done this too years ago and, while Dreamweaver was excellent for me to understand how this all works, leaving it behind was the best thing I could do as a web designer

  7. #7
    SitePoint Enthusiast
    Join Date
    Jul 2011
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by dojo View Post
    Yeah, try spending more time in the code view than the "normal" view and you'll make the switch pretty easy. I've done this too years ago and, while Dreamweaver was excellent for me to understand how this all works, leaving it behind was the best thing I could do as a web designer
    Thanks for the encouragement! I've been playing around with Text Wrangler a bit and can see where it plus the browser of your choice does the job.

    Laura

  8. #8
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,798
    Mentioned
    34 Post(s)
    Tagged
    2 Thread(s)
    I have fallen in love with Coda. The only thing I dont like about it is that you might want to tweak the color coding (
    ditto.
    However if you want a lighter alternative and are ready to go to pure code... I have really begun to like Coda. ( am on a Mac too!!)

  9. #9
    SitePoint Enthusiast
    Join Date
    Jul 2011
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by dresden_phoenix View Post
    ditto.
    However if you want a lighter alternative and are ready to go to pure code... I have really begun to like Coda. ( am on a Mac too!!)
    Thanks, I haven't heard of that one!

    Laura

  10. #10
    I Use MODx kenquad's Avatar
    Join Date
    Dec 2009
    Posts
    424
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I use jEdit for almost everything - it has lots of plugins to do specific tasks like color mixing and FTP, so you can customize it the way you want.

    Quote Originally Posted by LauraFig View Post
    I keep seeing Firebug mentioned. Is it used for web design or do you use it in addition to a text editor? Is it a good tool?
    Firebug is a Firefox addon that you MUST have (unless you're using Chrome's built-in equivalent, Developer Tools) regardless of what editor/IDE you're using. Among other things, it allows you to view exactly what CSS styles are being applied to each element, from what line in what CSS file. Invaluable.

  11. #11
    Community Advisor ULTiMATE's Avatar
    Join Date
    Aug 2003
    Location
    Bristol, United Kingdom
    Posts
    2,160
    Mentioned
    46 Post(s)
    Tagged
    0 Thread(s)
    I'll add another vote for Komodo Edit. It's a good tool, as is Notepad++.

    Obviously, if you ever decide to join the magical world of .NET you'll want to have a go in Visual Studio. The express versions are free, and are fantastic tools for ASP.NET development.

  12. #12
    I Use MODx kenquad's Avatar
    Join Date
    Dec 2009
    Posts
    424
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ULTiMATE View Post
    Obviously, if you ever decide to join the magical world of .NET you'll want to have a go in Visual Studio. The express versions are free, and are fantastic tools for ASP.NET development.
    Then again, you could decide to enter the still-MORE-magical world of PHP , and use the PHP version of the open-source Netbeans - which, incidentally, isn't a bad choice for your primary web IDE either.

  13. #13
    Non-Member bronze trophy
    Join Date
    Nov 2009
    Location
    Keene, NH
    Posts
    3,760
    Mentioned
    23 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ULTiMATE View Post
    Obviously, if you ever decide to join the magical world of .NET you'll want to have a go in Visual Studio. The express versions are free, and are fantastic tools for ASP.NET development.
    Magical? I always thought of it as "special"

    In the same way some Olympics are... Special.

    Honestly if you're on a Mac and looking for anything MORE that Text Wrangler, you're probably over-reliant on "tools" and looking to take shortcuts that will bite you in the backside in the long term. BBedit is ok, once you cut it down by disabling all the "aids" that get in the way of actually working with the code; which is to say neutering it down into being... text wrangler.

    Though when I'm stuck on a Quackintosh, I usually install fusion or virtualBox in seamless and run the windows based Crimson editor, just because it's one of the few that lets me turn the tabbed bull OFF... but as a multiple display user when it comes to code editors, tabs are a step BACKWARDS in functionality since they prevent me from seeing three or four windows of code side-by-side; like say my Markup, CSS and Javascript? (Besides, if you're doing web dev work on a Mac you should have either fusion or virtualbox installed ANYWAYS)

    As to the other stuff mentioned so far, uselessly convoluted and needlessly bloated nonsense.

    But then, I'm the guy who finds code completion an annoyance I spend more time correcting than having help, and finds the acid trip of color highlighting an illegible headache inducing mess. (which ends up broken on 99% of my PHP code anyways).

    It's like all this other pointless crap -- code folding, whitespace stripping -- it's all a bunch of nonsense that if you need, there's probably something fundamentally flawed with your code.

  14. #14
    Community Advisor ULTiMATE's Avatar
    Join Date
    Aug 2003
    Location
    Bristol, United Kingdom
    Posts
    2,160
    Mentioned
    46 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by deathshadow60 View Post
    Magical? I always thought of it as "special"

    In the same way some Olympics are... Special.
    Out of interest, when was the last time you used Visual Studio?

    I can say with some certainty that VS2010 is the best IDE I've used for any language, hands down. For me, VS2010 and Resharper is coding perfection.

  15. #15
    Non-Member bronze trophy
    Join Date
    Nov 2009
    Location
    Keene, NH
    Posts
    3,760
    Mentioned
    23 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ULTiMATE View Post
    Out of interest, when was the last time you used Visual Studio?

    I can say with some certainty that VS2010 is the best IDE I've used for any language, hands down. For me, VS2010 and Resharper is coding perfection.
    My objection more stems from the use of .net as a web technology... or Visual ANYTHING for that matter in application development as it's just as big a rot as WYSIWYG's for web development.

    It's funny for me, a die hard Borland fan to HATE modern IDE's, but really compared to a flat text editor that lets me open multiple windows without all those stupid toolbars, sidebars and extra crap all over the place -- It just gets in my way. Just give me the code and let me work with it, without all that extra GARBAGE.

    But I do have a odd mental block where I cannot grasp the most basic of Visual programming concepts. I can hand assemble machine language, I can handle SDL or OpenGL like they were second nature -- but I can't grasp things like the VCL, much less the GUI/WYSIWYGS associated with them. I want to SEE in the CODE where the elements are made, not have them stuffed off in some random resource file christmas only knows where.

    Of course, given the ABSOLUTE DISASTER every ASP or .NET language seems to output for HTML, especially if you use it's built in form nonsense -- I'm not sure I WANT to grasp it.

  16. #16
    Community Advisor ULTiMATE's Avatar
    Join Date
    Aug 2003
    Location
    Bristol, United Kingdom
    Posts
    2,160
    Mentioned
    46 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by deathshadow60 View Post
    My objection more stems from the use of .net as a web technology... or Visual ANYTHING for that matter in application development as it's just as big a rot as WYSIWYG's for web development.
    So, you've not tried C# before? How about F#?

    This is where .NET comes into its own. Since its inception it's been the MS equivalent of the Java platform, except Microsoft have done a fantastic job on building the language and the platform. ASP.NET has become probably one of the strongest choices for medium-to-large scale websites, and part of that thanks comes down to Visual Studio.

    On that subject, as so much of web development is now framework based, why would you object to .NET when compared to either Java, Django, Zend or any other framework? If anything, I think .NET has led the way in regards to MVC, and Razor will probably add more .NET users.

    The old days of classic ASP and dragging items onto a blank canvas are long gone.

    Quote Originally Posted by deathshadow60 View Post
    It's funny for me, a die hard Borland fan to HATE modern IDE's, but really compared to a flat text editor that lets me open multiple windows without all those stupid toolbars, sidebars and extra crap all over the place -- It just gets in my way. Just give me the code and let me work with it, without all that extra GARBAGE.
    The first time you run VS2010 after installing (including the free express versions) you're given the option to choose your workflow. If you go for the straight code option all you get is the basic toolbar at the top, an output/error window and your code with intellisense. It's far tidier than the likes of Eclipse or NetBeans.

    Quote Originally Posted by deathshadow60 View Post
    Of course, given the ABSOLUTE DISASTER every ASP or .NET language seems to output for HTML, especially if you use it's built in form nonsense -- I'm not sure I WANT to grasp it.
    ASP.NET outputs crappy code if you're a crappy developer. Nowadays the preferred method of building an ASP.NET site is through MVC and all code written is your own. Hell, there are even a number of different views, such as Razor. When you top that off with C#'s support for lambda expressions, code contracts and the rest of the great stuff offered by the .NET runtime it's become a great object-oriented language that borrows the best things from the world of functional programming.

    Admittedly, back in the classic ASP days spaghetti code was everywhere, but now outside of Python I cannot think of a single language I would rather use, and to be honest it doesn't surprise me that the .NET framework languages are now the second strongest programming language in use in industry (behind Java).

  17. #17
    SitePoint Wizard silver trophybronze trophy Stormrider's Avatar
    Join Date
    Sep 2006
    Location
    Nottingham, UK
    Posts
    3,133
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by deathshadow60 View Post
    It's like all this other pointless crap -- code folding, whitespace stripping -- it's all a bunch of nonsense that if you need, there's probably something fundamentally flawed with your code.
    What an utterly ridiculous statement to make. Just because you haven't found a use for them yet doesn't mean the people who have write bad code.

    That quote is almost laughable it's so misguided!

  18. #18
    Non-Member bronze trophy
    Join Date
    Nov 2009
    Location
    Keene, NH
    Posts
    3,760
    Mentioned
    23 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Stormrider View Post
    What an utterly ridiculous statement to make. Just because you haven't found a use for them yet doesn't mean the people who have write bad code.

    That quote is almost laughable it's so misguided!
    No, it's been in my experience a pretty fair assessment. By hiding bits of code while working on it you're gonna miss all sorts of stuff; It's like the people who slap all their CSS on one line, then wonder why something isn't working when they declare the same property in three different places...

    While whitespace stripping is usually used for nothing more than covering up bad code in a pathetic attempt to save bandwidth by people with CtC Ratios on markup ALONE in excess of 10:1

    That's "code to content" for those not familiar with it. Usually a pretty good gauge as unless you're knee deep in forms with really REALLY large (and as such rubbish) selects, there is usually little reason for a page with more than 3k of content to break the 3:1 mark. By the time you hit 20k of content 2:1 is about the upper limit and it should go DOWN the more content there is. (unless you're slapping tags on EVERYTHING for no good reason)

  19. #19
    SitePoint Enthusiast 3dy.ro's Avatar
    Join Date
    Feb 2011
    Posts
    37
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by deathshadow60 View Post
    Honestly if you're on a Mac and looking for anything MORE that Text Wrangler, you're probably over-reliant on "tools" and looking to take shortcuts that will bite you in the backside in the long term.
    To late to agree but... yeah.

    Quote Originally Posted by deathshadow60 View Post
    It's like all this other pointless crap -- code folding, whitespace stripping -- it's all a bunch of nonsense that if you need, there's probably something fundamentally flawed with your code.
    What don't you like at code folding? I find it excellent... too bad very few editors have it. TextWrangler does though (while Coda doesn't... yet).

  20. #20
    SitePoint Enthusiast
    Join Date
    Jul 2011
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by deathshadow60 View Post

    Honestly if you're on a Mac and looking for anything MORE that Text Wrangler, you're probably over-reliant on "tools" and looking to take shortcuts that will bite you in the backside in the long term.

    Though when I'm stuck on a Quackintosh, I usually install fusion or virtualBox in seamless .
    Thanks for confirming that Text Wrangler is about as basic as you can get. I spent the past week with Text Wrangler, my browsers and an FTP, and am getting a general idea of what DW was doing behind the scenes.

    The thing that caught my eye was your mention of VirtualBox. I was thinking about using it for testing my local files live on the PC. I've used Browser Lab but it only gives you a snapshot. With VB it is it possible to install more than one version of IE? I guess the question is also, is it ever possible to have more than one version of a browser?

    I'd also welcome any other general comments on Virtual Box. At this point the only thing I'd want to run on it would be browsers.

    Thanks,
    Laura

  21. #21
    SitePoint Member graemep's Avatar
    Join Date
    Nov 2007
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I use Virtual Box to run IE 6 on Linux for testing. It works very well.

    Of course, because each Virtual Box VM needs a complete OS install, it uses a lot of disk space and memory, but that is OK if you are just using for testing.

    Your mention of FTP brings up another plus of Komodo Edit. It can open files on a remote server over SFTP or FTP (I hope you are not using plain insecure FTP to a remote server). It is the only really seamless remote file editor I have used apart from the KDE ones which would be a nuisance to install on Mac or Windows (there are a lot of editors I have never used, so there are probably other good alternatives).

  22. #22
    SitePoint Enthusiast
    Join Date
    Jul 2011
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by graemep View Post
    I use Virtual Box to run IE 6 on Linux for testing. It works very well.

    Of course, because each Virtual Box VM needs a complete OS install, it uses a lot of disk space and memory, but that is OK if you are just using for testing.

    Your mention of FTP brings up another plus of Komodo Edit. It can open files on a remote server over SFTP or FTP (I hope you are not using plain insecure FTP to a remote server). It is the only really seamless remote file editor I have used apart from the KDE ones which would be a nuisance to install on Mac or Windows (there are a lot of editors I have never used, so there are probably other good alternatives).
    So would you need a separate VB for each version of a browser (say if I wanted to test on IE6, 7, and 8)? If this is so, can I run more than one VB at a time?

  23. #23
    SitePoint Wizard silver trophybronze trophy Stormrider's Avatar
    Join Date
    Sep 2006
    Location
    Nottingham, UK
    Posts
    3,133
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Netbeans is Java based, runs sloooowly :/

    I use PhpEd, no idea if there is a mac version, but it is excellent on Windows. I've used all sorts from notepad, to Textpad, to Notepad++, to Zend Editor, to Eclipse (awful), but then I found PhpEd and I haven't looked back!

  24. #24
    I Use MODx kenquad's Avatar
    Join Date
    Dec 2009
    Posts
    424
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Stormrider View Post
    Netbeans is Java based, runs sloooowly
    Um, we're talking to somebody who's used to running Dreamweaver...

    It's true that Netbeans - and for that matter jEdit - is Java based and will never run quite as fast as a natively compiled program (the upside being that Java programs run on all major OS's, including Mac, with no special version). However, on a fast current laptop, I find the speed of both programs acceptable. The key, for me, is not to bother opening the IDE if all I need is an editor to change a few lines of CSS or something - then I use jEdit.

  25. #25
    SitePoint Wizard
    Join Date
    Dec 2003
    Location
    USA
    Posts
    2,582
    Mentioned
    29 Post(s)
    Tagged
    0 Thread(s)
    I personally hate code hiding (because I will miss it like DS said). However, there are plenty of other features that I really like about Visual Studio. I also agree that they're the best out there (and have been since at least 2008 and 2010).

    Saying that, I have hung-ups about using ASP.NET (mostly that it let's people be lazy, but that's just me). However, if I'm doing anything in C++ or C#, I use Visual Studio.


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
  •