By Joshua Mckendall

Links to websites that teach programming, formatting, and the underlying technologies that play a role in the modern web.

Links to websites that explore concepts of good design and user experience on the web.

Links to helpful tools on the web that can add polish to your designs and speed up your workflow.
Codecademy is a resource for beginners with little to no programming experience. It gamifies learning by using achievements and is a great starting point for people who want to get into web development. I would recommend learning Html/css first. Html and css aren't programming languages, but are the foundation of all websites on the internet. If you're feeling adventurous, you can then move on to programming with Javascript or a server side language like python/php/ruby.
Khan Academy is a general learning resource, however I feel their computer programming course (which focuses primarily on javascript) is a great way to explore beyond what codecademy offers. Khan Academy also offers videos that explain complex computer science concepts in easy to understand videos covering topics such as: Algorithms, cryptography, and information theory.
Treehouse is a lot like Codecademy and Khan Academy, the exception being that you have to pay for it. Treehouse is also geared for those who want to get into web development. Treehouse offers courses on a number of languages. It offers thousands of video tutorials, quizzes, and live coding challenges.
An online book that's created for newbies. This is pretty much a must-read if you want to get into front-end development (html/css/javascript). It covers a wide range of highly technical topics, but makes them easy to understand. Plus, it's free :).
Awwwards is a site that recognizes websites for excelling in design and innovative user experiences. It's a good website for gaining inspiration.
The Css Design Awards is similar to Awwwards.com and is a website that awards excellent design.
Html5 Rocks is a site that covers a wide range of topics pertaining to web design and development. The focus of the website is Html5 and new emerging techniques and technologies that html5 offers. This website is primarily aimed at intermediate to advanced developers.
Smashing Magazine is an online blog that highlights tips and tricks in web development. The site covers coding, user interface design, user experience, graphics, mobile, and more.
The World Wide Web Consortium is the international standards organization for the world wide web. A great resource for learning about the web and checking that your website or web application adheres to the consortium's standards.
Mozilla, the creators of the Firefox browser, has a developer network where users can post tutorials, examples, and other information pertaining to web development.
Stack Overflow is a question and answers forum focused on, but not limited to, programming. Stack Overflow boasts a large developer community, should you get stuck on a problem while programming, I highly recommend using Stack Overflow to either search for someone who may have had a similar problem, or submit a question to the community.
CodePen is like a personal portfolio for your code. You can write everything (html/css/javascript) within Codepen, and save and share your projects with anyone.