Resources for really basic html stuff (mac)

Amigu

Hi guys I'm just getting into web-design and am following a youtube video on how to make your own website. I'm having a play around with it and slowly gettin the hang of stuff but I was wondering can you recommend any good resources?

That is:

-helpful/mature html forums
-any good websites
-any good videos
-any good books/ebooks

Particularly stuff for mac would be appreciated. Thanks a lot

MagicToaster

I liked how yourhtmlsource.com explained everything.

Amigu

Thanks I'll check that out
Any good books?

NightDragon

There's a free program that may also be helpful for you once you start coding: it's called Taco HTML, and it's for Macs. One of the things it does is give certain html codes different colors, so your code is easy to read.

It's a relatively simple/basic program, but it's useful!

Photon

This isn't free, but I can heartily recommend Treehouse (http://teamtreehouse.com)

Their HTML and CSS videos are excellent and up to date, and they have loads of content on other topics as well.

bowen

Us programmers recommend sublime text for any type of coding like this, too. Works on lots of platforms.

Use the resources here, probably be better than a book anyways.

Echo

What bowen said. ST2 is awesomesauce.

Also, avoid w3schools.com because reasons.

bowen

For the most part w3schools is "Shit I forgot how to do xyz, let me refresh my memory" instead of scrawling tutorials for the particular thing you're looking for.

Echo

bowen wrote: »

For the most part w3schools is "Shit I forgot how to do xyz, let me refresh my memory" instead of scrawling tutorials for the particular thing you're looking for.

Yeah, w3schools is good for that. It's awful for learning good practices if you don't already know them. Everything they "teach" is completely out of context.

Rend

Why should I pay 60 bucks for sublime text when I can have notepad++ for free?

Echo

Rend wrote: »

Why should I pay 60 bucks for sublime text when I can have notepad++ for free?

I didn't pay for it. Free while in beta. And possibly further. Just a nagscreen every X saves, otherwise full features.

bowen

Plus notepad++ doesn't work on mac. Hugest drawback.

wmelon

TextWrangler is also free and does context highlighting.

[Michael]

https://developer.mozilla.org/en-US/learn is a great resource for HTML, CSS, and Javascript. Anytime I can't quite remember some CSS property or a javascript function, I just google "mdn <property/function>" (MDN meaning Mozilla Developer Network). For you I guess the relevant reference categories would be https://developer.mozilla.org/en-US/docs/HTML/Element and https://developer.mozilla.org/en-US/docs/CSS/CSS_Reference.

Also a super useful tool to use when you're asking questions is http://jsfiddle.net/. Just copy and paste your HTML/CSS in there and people can point to exactly what you need to do, and even edit it and show you what it does right there.

And here's another vote for Sublime. I use it for Ruby, Lua, PHP, Javascript, HTML, CSS, and just plain text. It's awesome.

Amigu

Wow thanks guys that's a lot of resources. I'll start sinking my teeth into it all!