Here is the list of resources that helped me immensely when I was learning how to code.
Here is a really great beginner’s course over all the basics. I suggest working through this first.
Here is one on just CSS that would be beneficial as well.
This covers how to take a PSD or static image and slice it up to make a working website.
If you could work your way through this whole track, you should be good to go.
CodeSchool has a track as well:
CSS: Noob to Ninja
Coding a Beautiful Website from Scratch:
Zurb Foundation has great frameworks to get you started: http://foundation.zurb.com/templates.html
Twitter’s Bootstrap is also a nice framework:
OR you can use my pre-built framework to start from scratch:
Another great resource I forgot to mention is Stackoverflow. It is a community specifically for questions, answers, and troubleshooting code.
Codepen.io is a ‘front end playground’ to test code live. JSfiddle.net is much of the same, but more geared toward JS.
Good luck and have fun! Please let me know if you have any questions at all about anything front-end related. I’d love to help!
You can reach me at firstname.lastname@example.org or @aijodesigns on Twitter.