CSS/HTML Resources For Beginners

Here is the list of resources that helped me immensely when I was learning how to code.

Courses:
Here is a really great beginner’s course over all the basics. I suggest working through this first.
$$ https://tutsplus.com/course/30-days-to-learn-html-and-css/

Here is one on just CSS that would be beneficial as well.
$$ https://tutsplus.com/course/css-visual-docs/

This covers how to take a PSD or static image and slice it up to make a working website.
$$ https://tutsplus.com/course/psd-to-html5/

Codecademy/Treehouse/Codeschool:
If you could work your way through this whole track, you should be good to go.
http://www.codecademy.com/tracks/web

CodeSchool has a track as well:
$$ https://www.codeschool.com/paths/html-css

These would also be very beneficial:
$$ http://teamtreehouse.com/library/topic:html
$$ http://teamtreehouse.com/library/topic:css

Tutorials:
CSS: Noob to Ninja
https://tutsplus.com/tutorial/css-noob-to-ninja/

Coding a Beautiful Website from Scratch:
https://tutsplus.com/tutorial/create-a-beautiful-website-from-scratch/

Frameworks:
Zurb Foundation has great frameworks to get you started: http://foundation.zurb.com/templates.html

Twitter’s Bootstrap is also a nice framework:
http://getbootstrap.com/

OR you can use my pre-built framework to start from scratch:
https://github.com/aijodesigns/framework

Plugins we talked about in our meeting:
Cycle 2: http://jquery.malsup.com/cycle2/
Maximage: http://www.aaronvanderzwan.com/maximage/

Other Resources:
http://html5up.net/
http://www.sublimetext.com/
https://sublime.wbond.net/

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 aijodesigns@gmail.com or @aijodesigns on Twitter.

Leave a Reply

Your email address will not be published. Required fields are marked *