I've only just started down this path, but http://www.theodinproject.com/courses seems pretty good so far. It's more a curated, guided collection of other resources than a resource itself, but that works for me.
Ask HN: Best way to learn HTML and CSS for web design?
11–20 of 68 posts
Re: Ask HN: Best way to learn HTML and CSS for web design?
#12Best book for non-technical persons: John Ducket, Web Design with HTML, CSS, JavaScript and jQuery Set. http://www.amazon.com/Web-Design-HTML-JavaScript-jQuery/dp/1... Best online resource: http://learn.shayhowe.com/
Ducket is a little dated these days but it is a great intro in my opinion.
Re: Ask HN: Best way to learn HTML and CSS for web design?
#13I run a group with almost 600 JavaScript learners. With this many people, we've been through the vast majority of self-study resources. My goto recommendation for learning HTML, CSS, & JavaScript is http://www.freecodecamp.com/ This has consistently had the best results for our learners!
It (a) assumes no knowledge coming in, (b) provides a linear progression from no knowledge to a portfolio of web applications, (c) lets you move as fast or slow as you want, (d) lets you skip lessons and topics you're already familiar with, and (e) has phenomenal online support. (EDIT: and it's free)
Once your friend has the fundamentals, I'd also suggest checking out http://flukeout.github.io/ and http://flexboxfroggy.com/ . They're fun little games to introduce lots of css and flexbox features.
Re: Ask HN: Best way to learn HTML and CSS for web design?
#14I would suggest http://www.freecodecamp.com/
Plus the website is also open source :)
Re: Ask HN: Best way to learn HTML and CSS for web design?
#15Check out [Simple & Useful](https://s3.amazonaws.com/simpleuseful/index.html) and [Mozilla Thimble](https://thimble.mozilla.org/).
Here's a blog post I wrote about learning web design: http://hypertexthero.com/logbook/2012/04/web-design-where-to...
Re: Ask HN: Best way to learn HTML and CSS for web design?
#16Best book for non-technical persons: John Ducket, Web Design with HTML, CSS, JavaScript and jQuery Set. http://www.amazon.com/Web-Design-HTML-JavaScript-jQuery/dp/1... Best online resource: http://learn.shayhowe.com/
Ducket is a little dated these days but it is a great intro in my opinion.
Agreed. It's strength is the visual presentation, not so much the technical details.
Re: Ask HN: Best way to learn HTML and CSS for web design?
#17My girlfriend is teaching herself to code, and her favorite resource is http://codeschool.com. I've watched pieces of some of their lessons and they definitely spend more time going over programming (or even computer science) basics, whereas codeacademy seems to skip that and just throw jquery at the students. And they have a nice mix of well-produced video content to go with some interactive repl exercises.
Re: Ask HN: Best way to learn HTML and CSS for web design?
#18studying
Re: Ask HN: Best way to learn HTML and CSS for web design?
#19Earlier quoted context omitted.
>Personally I think CodeAcademy is just a bad meme. Respectfully, OP was asking for resources related to learning HTML and CSS from a non-technical point of view. From a standing start, JavaScript is a way down the line in the web development part -- not the beginnings of HTML and CSS for web design . Sure, Codecademy is not the be-all solution, but they're accessible enough to get started for a broad section of non-…
Same problem: https://www.codecademy.com/courses/web-beginner-en-HZA3b/0/1... "Copy paste this to pass this lesson" - No context given, just do this to pass. That's not good learning.
Codecademy has hundreds of little exercises. Often, first they introduce you to a concept where you just read through the example and press Pass if you got it. After that you always have to write or correct code yourself. Pointing out at one particular exercise can not prove that the approach itself is bad.
Re: Ask HN: Best way to learn HTML and CSS for web design?
#20I've always recommended Mozilla's Developer Network (MDN) - https://developer.mozilla.org/en-US/
It has alot of good resources and a wealth of information. As a seasoned web developer, this is still one of my go-to sites for documentation on web related stuff.