Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Foundations Values and Units Relative Length Units

Aamir Arabi
Aamir Arabi
4,697 Points

Manual Coding Vs Dreamviewer

Hi, I am learning now CSS Deep drive and I find it very difficult to remember Syntax and some codes , I heard in practical life usually people use tool like Dreamviewer and not do manual coding like css etc , Is that true ? and if it is true why we learning all this manual css and html ? 2nd , what are other tools like dream viewer?

9 Answers

Hey Aamir, I feel you on this one. However when you're first starting out learning new technologies like CSS, HTML etc.. It really is better to hardcode everything by hand at first. This forces you to learn and remember the syntax manually and in my opinion, you will appreciate that you dis it in the long run.

Down the road as you get more comfortable with the markup then definitely download a WYSIWYG program like Dreamweaver. They're great for code completion and detecting unclosed tags etc. I recommend Sublime Text. If programming is your thing then you'll love this text editor. I recommend browsing some packages to install to it to make it even better (They're like plugins that make your workflow better). Anyway man hope this helps!

Atom is a great editor as well. It seems to pick up where ST left off.

Aamir Arabi
Aamir Arabi
4,697 Points

Thank you very much for your help. I tried coffeecup web editor for mac , i really liked it , it gives me real time preview of what I am coding.

The program you're talking about is Dreamweaver. I disagree that using a WYSIWYG (What you see is what you get) editor is better than learning how to write code manually. Web technology is always changing and it's going to be hard for programs keep up with these changes. Learning how to write code manually not only helps you to fully understand the code behind what you're building but you'll also be in the position to understand other people's code. Most of us learn by looking at other people's code and learning how to write code manually is the foundation of that learning process.

Jason Brooks
Jason Brooks
1,362 Points

There's also the practical application of customizing something created in Dreamweaver or Reflow. If you don't know how to code, or even what to look for to actually DO the mod, well...

That being said, Aamir, I think you have a valid question. I just think you'll be far more marketable if you really understand not only how it all works, but how to do it yourself.

Aamir Arabi
Aamir Arabi
4,697 Points

ok got it, Appreciate your help

I would also agree that learning to code by hand is going to make you better most likely. I'd once thought long ago that visual tools would replace hand coding. It's still far off but you might check out a tool like Macaw.

Aamir Arabi
Aamir Arabi
4,697 Points

Thanks , I am checking it. , BTW is it better than deamweaver?

I left DW 15 years or so ago. I love coding by hand and especially with programs like TextWrangler, NotePad, and Sublime Text ( the latter being my fav now). You can really keep up your retention for code by doing it by hand. I think so anyway.

There is however an instant gratification that comes with programs like DW, of seeing that code become a working site on the righthand side. But hey, what's it hurt to simply open a browser and see it likewise? Not hard at all.

James Barnett
James Barnett
39,199 Points

tl;dr - Don't use Dreamweaver use Webflow


You don't want to use Dreamweaver, even Adobe doesn't want you to use Dreamweaver. They now have Edge Reflow.

There's also:

  • Macaw
  • Webflow
  • Froont

In Bootstrap world there's also

  • Pinegrow
  • Divshot
  • Easel
  • Jetstrap

However, I think many these tools suffer from similar issues, with messy nested divs and/or absolute positioning. Most of these are probably not ready for production use for exporting the code. However, they work pretty well for creating clickable-prototypes.

I will say I've heard good things about Webflow from a front-end dev that uses it small sites.

You can read some about this kinds of apps over on:

Shane Meikle
Shane Meikle
13,188 Points

I used to love Dreamweaver but the more I have used it, the more I have come to realize how little I actually use its WYSIWYG functionality. In almost all instances, I find myself creating blank pages and using the code view.

That being said, I do like the templating ability within Dreamweaver (ie. create basic template that auto updates pages based on changes).

I have found that coding by using WYSIWYG is good for some, but nothing compares to the feeling that full 100% hand coded websites provide!

Sergio Slansky
Sergio Slansky
22,392 Points

Hey-

When you learn to code by hand you learn about what the syntax does and how to use it. It may be hard now but keep up with it and it will come easier- if you want a future in web design you need to learn the syntax. Best of luck-

Sergio Slansky
Sergio Slansky
22,392 Points

Sublime text is great and I highly recommend it as a developer or designer.