Programming Resources

[Instructor]

Videos

Lynda.com - The best design/development video tutorials website on the internet, period. Whether it's Dreamweaver, Photoshop, CSS or HTML, Lynda's got you covered. Many of the videos are free as well. And for what you get, the monthly subscription is extremely cheap.

The New Boston Education Tutorials - A truly massive collection of tutorial videos about all sorts of programming and web development topics. Everything from HTML5 to CSS3 to Javascript to jQuery.

Using HTML5 and CSS3 - This video will bring you up to speed on the latest versions of both HTML and CSS and how to use them in Dreamweaver. Yes, it does use Dreamweaver CS5, but the lessons are very easy to translate into Dreamweaver CS6.

HTML5

HTML5 for Beginners - A good series on the basics of HTML 5

The New Boston HTML5 Tutorials - Covers HTML5 from front to back, from beginning to end, from basic to advanced. Very good.

HTML5 and CSS Web Design - A great series on the basics of HTML5 and CSS as well as setting up a root folder and some other Dreamweaver basics.

CSS3

CSS3 for Beginners - A nice look at the basics of CSS3

CSS/CSS3 - All you ever wanted to know about CSS and CSS3, from the most basic selectors all the way up to the most advanced effects and animations. Highly recommended!

Learn the Five Most Popular Attributes in CSS3 - A study of some of the most popular CSS3 attributes in use today.

How to Write Linear and Radial Gradients - Making gradients with only CSS3!

Type Effects Using CSS3 - Modifying type with nothing but CSS3.

Javascript

JavaScript Fundamentals - This video series will get you started with JavaScript and some of it's easy to use frameworks.

The New Boston JavaScript Tutorials - A very thorough video series on Javascript. It starts with the most basic concepts and ends with some pretty advanced coding.

jQuery

jQuery Basics - A nice concise introduction to jQuery.

The New Boston jQuery Tutorials - An excellent video series that starts you off at the very beginning of jQuery and walks you through to some of it's most advanced capabilities.

Responsive Web Design

Responsive Web Design - An excellent perspective on what Responsive Web Design is and how to go about achieving it.

Responsive Web Design Bootcamp - A great explanation of the theories and techniques of responsive web design. Highly Recommended!

Media Queries Using a Single CSS Stylesheet - A step by step media query tutorial. Very thorough and includes downloadable samples. Excellent!

CSS3 Responsive Web Design - Media Queries - A good tutorial on using media queries to resize and realign web designs.


Web Links

World Wide Web Consortium (W3C) - The motherload. The World Wide Web Consortium is the keeper of the web standards, HTML5, CSS3, XML, and other critical bits to web design. Any changes to these specs will be found here. A great selection of tutorials as well.

W3Schools Online Web Tutorials - The best collection of web based markup tutorials on the internet, bar none. XHTML, HTML5, CSS, Javascript; you name it, this place has a tutorial for it.

Impressive Webs - A great collection of web programming and design articles and tutorials.

Building an HTML5 / CSS3 webpage - Tuts+ explains the construction of and HTML5/CSS3 webpage.

HTML5

HTML5 Tutorial - If you want to learn HTML5, start here. Simply the best tutorial on the internet.

HTML 5 Structural Tags - A list and definition of all the structural tags in HTML5.

HTML 5 Tutorial - One of the best collections of HTML5 articles and tutorials on the net.

Dive Into HTML5 - A fantastic resource expanding (and expounding) on the specifications of HTML5

Tuts+ HTML/CSS Tutorials - Coding tutorials from the vast archives of the NetTuts empire.

28 HTML5 Features, Tips, and Techniques you Must Know - A great intro to some of what HTML5 can do.

CSS3

CSS3 Tutorial - The starting point for learning CSS3 on the web. Everything else builds on this.

CSS3 Tutorials - One of the best collections of CSS3 how-tos on the internet.

CSS3 Info - Samples of various CSS3 tags and what they do.

10 Nifty CSS3 Features- CSS3 stuff you'll want to use.

Responsive Web Design

Responsive Web Design - The article that introduced the concept and technology of responsive web design to the web design/development community.

What the Heck is Responsive Web Design - So what is responsive web design anyway? A great interactive presentation summarizing the theories and technology behind responsive web design.

Responsive Web Design Guidelines and Tutorials - A comprehensive set of tutorial links about every facet of responsive webdesign, from design previsualization and structuring, to execution and maintenance. Good stuff!

Responsive Web Design Techniques, Tools and Design Strategies - An excellent collection of responsive web design techniques and design examples to educate and inspire you.

Responsive Web Design: What It Is and How To Use It - A series of techniques to better your responsive web design. Highly Recommended!

Media Queries - A comprehensive collection of ideas and samples of responsive websites.

Drop-Down Hamburger Menu

Drop-Down Navigation: Responsive and Touch-Friendly - A fantastic little dropdown menu that responsively turns into a hamburger menu one it's displayed at mobile resolutions. Handy! The basis for all of my menu demos in this class.

General Programming Resources

Stack Overflow - Whenever you ask Google programming questions, it always seems to point back here. This is the motherload for programming Q&A and seems to cover every language from HTML to PHP to jQuery to Ruby.

[vtat]

In addition to Michael's resources, this is one of my favorite CSS/HTML website. I find it quite fun and helpful web building/design your web page. http://css-tricks.com/

[Instructor]

Ooooh, good one Vi. I'll add it into the main listing.

[Instructor]

Updated the main post with some additional resources relating to Responsive Web Design.